diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 93ea69f55..a99eb3d0e 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1e1e1e;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #383838;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #383838;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #383838;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #383838;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #64B5F6;
- background: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #64B5F6;
+ background: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #2396f2;
+ background: #2396f2;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #64B5F6; }
+ background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #64B5F6;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #2396f2; }
+ background: #2396f2;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1e1e1e;
- border-color: #383838; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #383838;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #121212;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #64B5F6; }
+ color: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #64B5F6;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -694,27 +856,33 @@
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #383838;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #64B5F6; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #43a5f4; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #64B5F6;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #43a5f4;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #64B5F6; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #64B5F6;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838; }
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #383838;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #64B5F6; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #64B5F6;
- background: #64B5F6; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #64B5F6;
+ background: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #2396f2;
+ background: #2396f2;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #64B5F6; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #2396f2; }
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #64B5F6;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #2396f2;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #64B5F6; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #64B5F6;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #64B5F6; }
+ color: #64B5F6;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #383838;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #64B5F6;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-slider .p-slider-range {
- background: #64B5F6; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #64B5F6;
- border-color: #64B5F6; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #383838;
+ border: 2px solid #64B5F6;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-slider .p-slider-range {
+ background: #64B5F6;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #64B5F6;
+ border-color: #64B5F6;
+}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4; }
- .p-button:enabled:active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #64B5F6;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.p-button:enabled:active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(100, 181, 246, 0.04);
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(100, 181, 246, 0.16);
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(100, 181, 246, 0.04);
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(100, 181, 246, 0.16);
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #64B5F6;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #64B5F6;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #383838;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #64B5F6; }
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #64B5F6;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #93cbf9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #93cbf9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); }
+ outline-color: #93cbf9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #64B5F6; }
+ background: #64B5F6;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #383838;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-column-filter-overlay {
background: #1e1e1e;
@@ -1904,30 +2393,37 @@
border: 1px solid #383838;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1e1e1e;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #383838; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #383838;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #43a5f4;
border: 1px solid #43a5f4;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #383838; }
+ border: 1px solid #383838;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #64B5F6;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(12, 120, 207, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(12, 120, 207, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #383838; }
+ background: #383838;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-paginator {
background: #1e1e1e;
@@ -2121,67 +2666,81 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- border-color: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ border-color: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #64B5F6;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: #93cbf9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #64B5F6; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6; }
+ outline-color: #93cbf9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: #64B5F6;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #64B5F6;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #93cbf9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #93cbf9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #64B5F6; }
+ background: #64B5F6;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #383838;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #383838; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #383838;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #383838; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #383838;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #383838;
@@ -2580,27 +3251,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #383838;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #383838;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: #64B5F6; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #64B5F6;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #64B5F6;
+ color: #64B5F6;
+}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #383838;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #383838; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #383838;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #64B5F6;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #43a5f4;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #64B5F6;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #383838;
+}
.p-sidebar {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #383838;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838; }
+ border-right-color: #383838;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838; }
+ border-left-color: #383838;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838; }
+ border-top-color: #383838;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838; }
+ border-bottom-color: #383838;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #43a5f4;
color: #212529;
- border-color: #43a5f4; }
+ border-color: #43a5f4;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #2396f2;
color: #212529;
- border-color: #2396f2; }
+ border-color: #2396f2;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #383838;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menu.p-menu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #383838;
@@ -3293,31 +4167,39 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #383838;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #383838;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #383838;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: #64B5F6; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #64B5F6;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #64B5F6;
+ color: #64B5F6;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #383838;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #383838;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #64B5F6;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #64B5F6; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #64B5F6;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(100, 181, 246, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(100, 181, 246, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(100, 181, 246, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #64B5F6;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #64B5F6; }
+ background-color: #64B5F6;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #64B5F6; }
+ background-color: #64B5F6;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #64B5F6; }
+ background: #64B5F6;
+}
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index ee939e67d..9e874292f 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -23,40 +23,50 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1e1e1e;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #383838;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #383838;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #383838;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #383838;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #81C784;
- background: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #81C784;
+ background: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #54b358;
+ background: #54b358;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #81C784; }
+ background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #81C784;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #54b358; }
+ background: #54b358;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1e1e1e;
- border-color: #383838; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #383838;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #121212;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #81C784; }
+ color: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #81C784;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -694,27 +856,33 @@
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #383838;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #81C784; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #6abd6e; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #81C784;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #6abd6e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #81C784; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #81C784;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838; }
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #383838;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #81C784; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #81C784;
- background: #81C784; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #81C784;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #81C784;
+ background: #81C784;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #54b358;
+ background: #54b358;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #81C784; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #54b358; }
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #81C784;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #54b358;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #81C784; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #81C784;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #81C784; }
+ color: #81C784;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #383838;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #81C784;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-slider .p-slider-range {
- background: #81C784; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #81C784;
- border-color: #81C784; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #383838;
+ border: 2px solid #81C784;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-slider .p-slider-range {
+ background: #81C784;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #81C784;
+ border-color: #81C784;
+}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e; }
- .p-button:enabled:active {
- background: #54b358;
- color: #212529;
- border-color: #54b358; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #81C784;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.p-button:enabled:active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 199, 132, 0.04);
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 199, 132, 0.16);
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(129, 199, 132, 0.04);
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(129, 199, 132, 0.16);
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #81C784;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #81C784;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #383838;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #81C784; }
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #81C784;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #a7d8a9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #a7d8a9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); }
+ outline-color: #a7d8a9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #81C784; }
+ background: #81C784;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #383838;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-column-filter-overlay {
background: #1e1e1e;
@@ -1904,30 +2393,37 @@
border: 1px solid #383838;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1e1e1e;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #383838; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #383838;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #6abd6e;
border: 1px solid #6abd6e;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #383838; }
+ border: 1px solid #383838;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #81C784;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #54b358;
- color: #212529;
- border-color: #54b358; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(62, 139, 65, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(62, 139, 65, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #383838; }
+ background: #383838;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-paginator {
background: #1e1e1e;
@@ -2121,67 +2666,81 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- border-color: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ border-color: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #81C784;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: #a7d8a9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #81C784; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784; }
+ outline-color: #a7d8a9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: #81C784;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #81C784;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #a7d8a9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #a7d8a9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #81C784; }
+ background: #81C784;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #383838;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #383838; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #383838;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #383838; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #383838;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #383838;
@@ -2580,27 +3251,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #383838;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #383838;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: #81C784; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #81C784;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #81C784;
+ color: #81C784;
+}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #383838;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #383838; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #383838;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #81C784;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6abd6e;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #81C784;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #383838;
+}
.p-sidebar {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #383838;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838; }
+ border-right-color: #383838;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838; }
+ border-left-color: #383838;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838; }
+ border-top-color: #383838;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838; }
+ border-bottom-color: #383838;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #6abd6e;
color: #212529;
- border-color: #6abd6e; }
+ border-color: #6abd6e;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #54b358;
color: #212529;
- border-color: #54b358; }
+ border-color: #54b358;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #383838;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menu.p-menu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #383838;
@@ -3293,31 +4167,39 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #383838;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #383838;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #383838;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: #81C784; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #81C784;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #81C784;
+ color: #81C784;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #383838;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #383838;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #81C784;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81C784; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81C784;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(129, 199, 132, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(129, 199, 132, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(129, 199, 132, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #81C784;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #81C784; }
+ background-color: #81C784;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #81C784; }
+ background-color: #81C784;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81C784; }
+ background: #81C784;
+}
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index cb2387999..9e2d29aec 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -23,40 +23,50 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1e1e1e;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #383838;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #383838;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #383838;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #383838;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFD54F;
- background: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #FFD54F;
+ background: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #ffc50c;
+ background: #ffc50c;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFD54F; }
+ background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #FFD54F;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #ffc50c; }
+ background: #ffc50c;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1e1e1e;
- border-color: #383838; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #383838;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #121212;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #FFD54F; }
+ color: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #FFD54F;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -694,27 +856,33 @@
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #383838;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFD54F; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ffcd2e; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #FFD54F;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ffcd2e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #FFD54F; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #FFD54F;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838; }
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #383838;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFD54F; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFD54F;
- background: #FFD54F; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #FFD54F;
+ background: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #ffc50c;
+ background: #ffc50c;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #FFD54F; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffc50c; }
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #FFD54F;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffc50c;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #FFD54F; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #FFD54F;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #FFD54F; }
+ color: #FFD54F;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #383838;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #FFD54F;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-slider .p-slider-range {
- background: #FFD54F; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFD54F;
- border-color: #FFD54F; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #383838;
+ border: 2px solid #FFD54F;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-slider .p-slider-range {
+ background: #FFD54F;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e; }
- .p-button:enabled:active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #FFD54F;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.p-button:enabled:active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 213, 79, 0.04);
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 213, 79, 0.16);
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(255, 213, 79, 0.04);
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(255, 213, 79, 0.16);
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #FFD54F;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #FFD54F;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #383838;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #FFD54F; }
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #FFD54F;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #ffe284;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #ffe284; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); }
+ outline-color: #ffe284;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #FFD54F; }
+ background: #FFD54F;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #383838;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-column-filter-overlay {
background: #1e1e1e;
@@ -1904,30 +2393,37 @@
border: 1px solid #383838;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1e1e1e;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #383838; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #383838;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #ffcd2e;
border: 1px solid #ffcd2e;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #383838; }
+ border: 1px solid #383838;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #FFD54F;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(207, 157, 0, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(207, 157, 0, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #383838; }
+ background: #383838;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-paginator {
background: #1e1e1e;
@@ -2121,67 +2666,81 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- border-color: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ border-color: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #FFD54F;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: #ffe284; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #FFD54F; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F; }
+ outline-color: #ffe284;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: #FFD54F;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFD54F;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #ffe284; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #ffe284;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #FFD54F; }
+ background: #FFD54F;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #383838;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #383838; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #383838;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #383838; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #383838;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #383838;
@@ -2580,27 +3251,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #383838;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #383838;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: #FFD54F; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #FFD54F;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #FFD54F;
+ color: #FFD54F;
+}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #383838;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #383838; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #383838;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFD54F;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #ffcd2e;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #FFD54F;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #383838;
+}
.p-sidebar {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #383838;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838; }
+ border-right-color: #383838;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838; }
+ border-left-color: #383838;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838; }
+ border-top-color: #383838;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838; }
+ border-bottom-color: #383838;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #ffcd2e;
color: #212529;
- border-color: #ffcd2e; }
+ border-color: #ffcd2e;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #ffc50c;
color: #212529;
- border-color: #ffc50c; }
+ border-color: #ffc50c;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #383838;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menu.p-menu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #383838;
@@ -3293,31 +4167,39 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #383838;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #383838;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #383838;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: #FFD54F; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #FFD54F;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #FFD54F;
+ color: #FFD54F;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #383838;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #383838;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #FFD54F;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFD54F; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFD54F;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(255, 213, 79, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 213, 79, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 213, 79, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #FFD54F;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #FFD54F; }
+ background-color: #FFD54F;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #FFD54F; }
+ background-color: #FFD54F;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFD54F; }
+ background: #FFD54F;
+}
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index c93fab010..152af5895 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -23,40 +23,50 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1e1e1e;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #383838;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #383838;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #383838;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #383838;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #BA68C8;
- background: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #BA68C8;
+ background: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #a241b2;
+ background: #a241b2;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #BA68C8; }
+ background-color: #383838;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #BA68C8;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #a241b2; }
+ background: #a241b2;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1e1e1e;
- border-color: #383838; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #383838;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #383838;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #121212;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #BA68C8; }
+ color: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #BA68C8;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -694,27 +856,33 @@
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #383838;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #BA68C8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b052c0; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #BA68C8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b052c0;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #BA68C8; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #BA68C8;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838; }
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #383838;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #383838;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #383838;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #BA68C8; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #BA68C8;
- background: #BA68C8; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #383838;
+ background: #121212;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #BA68C8;
+ background: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #a241b2;
+ background: #a241b2;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #BA68C8; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #a241b2; }
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #BA68C8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #a241b2;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #BA68C8; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #BA68C8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #BA68C8; }
+ color: #BA68C8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #383838;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #BA68C8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-slider .p-slider-range {
- background: #BA68C8; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #BA68C8;
- border-color: #BA68C8; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #383838;
+ border: 2px solid #BA68C8;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-slider .p-slider-range {
+ background: #BA68C8;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #BA68C8;
+ border-color: #BA68C8;
+}
.p-treeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838; }
+ background: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #383838;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #383838;
+}
.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0; }
- .p-button:enabled:active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #BA68C8;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.p-button:enabled:active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(186, 104, 200, 0.04);
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(186, 104, 200, 0.16);
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(186, 104, 200, 0.04);
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(186, 104, 200, 0.16);
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #BA68C8;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #BA68C8;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #383838;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #BA68C8; }
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #BA68C8;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #cf95d9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #cf95d9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); }
+ outline-color: #cf95d9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #BA68C8; }
+ background: #BA68C8;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #383838;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-column-filter-overlay {
background: #1e1e1e;
@@ -1904,30 +2393,37 @@
border: 1px solid #383838;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1e1e1e;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #383838; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #383838;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #b052c0;
border: 1px solid #b052c0;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid #383838;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #383838; }
+ border: 1px solid #383838;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #BA68C8;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(117, 47, 129, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(117, 47, 129, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #383838; }
+ background: #383838;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #383838;
- border-color: #383838; }
+ border-color: #383838;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-paginator {
background: #1e1e1e;
@@ -2121,67 +2666,81 @@
border: solid #383838;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- border-color: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ border-color: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #BA68C8;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #383838; }
+ background-color: #383838;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: #cf95d9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #BA68C8; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8; }
+ outline-color: #cf95d9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: #BA68C8;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #BA68C8;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #cf95d9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #cf95d9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #383838;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #BA68C8; }
+ background: #BA68C8;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #383838;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #383838;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #383838; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #383838;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #383838; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #383838;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #383838;
@@ -2580,27 +3251,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #383838;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #383838;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #383838;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #383838;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: #BA68C8; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #BA68C8;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1e1e1e;
+ border-color: #BA68C8;
+ color: #BA68C8;
+}
.p-tabview .p-tabview-panels {
background: #1e1e1e;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid #383838;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #383838;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #383838; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #383838;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #BA68C8;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #b052c0;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #383838; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #BA68C8;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(30, 30, 30, 0);
+ border-bottom-color: #1e1e1e;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(56, 56, 56, 0);
+ border-bottom-color: #383838;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1e1e1e;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #383838;
+}
.p-sidebar {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #383838;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838; }
+ border-right-color: #383838;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838; }
+ border-left-color: #383838;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838; }
+ border-top-color: #383838;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838; }
+ border-bottom-color: #383838;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #b052c0;
color: #ffffff;
- border-color: #b052c0; }
+ border-color: #b052c0;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #a241b2;
color: #ffffff;
- border-color: #a241b2; }
+ border-color: #a241b2;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #383838;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menu.p-menu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #383838;
@@ -3293,31 +4167,39 @@
background: #1e1e1e;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #383838;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #383838;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #383838;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #383838;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: #BA68C8; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #383838;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #383838 transparent;
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #BA68C8;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1e1e1e;
+ border-color: #BA68C8;
+ color: #BA68C8;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1e1e1e;
+ border: 1px solid #383838;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #383838;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #383838;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #383838;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #BA68C8;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #383838;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #BA68C8; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #BA68C8;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(186, 104, 200, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(186, 104, 200, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(186, 104, 200, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #BA68C8;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #BA68C8; }
+ background-color: #BA68C8;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #BA68C8; }
+ background-color: #BA68C8;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #BA68C8; }
+ background: #BA68C8;
+}
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 6fff7a47c..ce50e6796 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #52575d;
--surface-900: #585c62;
--content-padding:1.25rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.p-error {
- color: #f19ea6; }
+ color: #f19ea6;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
:root {
--blue-50:#f3f8ff;
@@ -158,537 +168,690 @@
--purple-600:#5e38a4;
--purple-700:#4e2e87;
--purple-800:#3d246a;
- --purple-900:#2c1a4d; }
+ --purple-900:#2c1a4d;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem; }
+ right: 3.107rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-autocomplete-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
+ box-shadow: none;
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-datepicker {
padding: 0;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2a323d; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #3f4b5b;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #8dd0ff;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #3f4b5b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f4b5b;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #3f4b5b;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2a323d;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #3f4b5b;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #8dd0ff;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #3f4b5b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #3f4b5b;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #3f4b5b;
+ padding-right: 0;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-cascadeselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #3f4b5b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #151515;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #8dd0ff;
- background: #8dd0ff; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #3f4b5b; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #1dadff;
- background: #1dadff;
- color: #151515; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f19ea6; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #3f4b5b;
+ background: #20262e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.15s;
+ color: #151515;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #8dd0ff;
+ background: #8dd0ff;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #3f4b5b;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #1dadff;
+ background: #1dadff;
+ color: #151515;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f19ea6;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #3f4b5b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #8dd0ff; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #8dd0ff;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #1dadff; }
+ background: #1dadff;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #151515; }
+ border-color: #151515;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2a323d;
- border-color: #3f4b5b; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #3f4b5b;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- box-shadow: none; }
+ box-shadow: none;
+}
.p-dropdown {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-dropdown-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #3f4b5b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-editor-container .p-editor-toolbar {
background: #2a323d;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f4b5b; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #3f4b5b;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+ border-radius: 4px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1.5rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f4b5b; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #20262e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #3f4b5b;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #20262e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #8dd0ff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #8dd0ff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #8dd0ff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #8dd0ff; }
+ color: #8dd0ff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #8dd0ff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #8dd0ff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #8dd0ff;
+}
.p-inputgroup-addon {
background: #2a323d;
@@ -697,27 +860,33 @@
border-left: 1px solid #3f4b5b;
border-bottom: 1px solid #3f4b5b;
padding: 0.5rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f4b5b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #3f4b5b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #3f4b5b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #8dd0ff; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #151515; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #8dd0ff; }
- .p-inputswitch.p-invalid {
- border-color: #f19ea6; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #3f4b5b;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 4px;
+ transition-duration: 0.15s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #3f4b5b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #8dd0ff;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #151515;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #8dd0ff;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f19ea6;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: #3f4b5b; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f19ea6; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #3f4b5b;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f19ea6;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #3f4b5b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #3f4b5b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
+ padding: 0.4375rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ padding: 0.625rem 0.9375rem;
+}
.p-listbox {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f19ea6;
+}
.p-multiselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-multiselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #3f4b5b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-password-panel {
padding: 1.25rem;
@@ -1032,236 +1281,305 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f4b5b; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f19ea6; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #9fdaa8; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #3f4b5b;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #f19ea6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffe082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #9fdaa8;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #3f4b5b; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #151515; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #8dd0ff;
- background: #8dd0ff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #1dadff;
- background: #1dadff;
- color: #151515; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f19ea6; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #3f4b5b;
+ background: #20262e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #3f4b5b;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.15s;
+ background-color: #151515;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #8dd0ff;
+ background: #8dd0ff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #1dadff;
+ background: #1dadff;
+ color: #151515;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f19ea6;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #3f4b5b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #8dd0ff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #1dadff; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #8dd0ff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #1dadff;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #151515; }
+ border-color: #151515;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f19ea6; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #8dd0ff; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f19ea6;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #8dd0ff;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #8dd0ff; }
+ color: #8dd0ff;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f19ea6; }
+ color: #f19ea6;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #151515; }
+ color: #151515;
+}
.p-selectbutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-slider {
background: #3f4b5b;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #8dd0ff;
- border: 2px solid #8dd0ff;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-slider .p-slider-range {
- background: #8dd0ff; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #56bdff;
- border-color: #56bdff; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #8dd0ff;
+ border: 2px solid #8dd0ff;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-slider .p-slider-range {
+ background: #8dd0ff;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #56bdff;
+ border-color: #56bdff;
+}
.p-treeselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-treeselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #3f4b5b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f19ea6; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f19ea6;
+}
.p-button {
color: #151515;
@@ -1270,364 +1588,465 @@
padding: 0.5rem 0.75rem;
font-size: 1rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: #56bdff;
- color: #151515;
- border-color: #56bdff; }
- .p-button:enabled:active {
- background: #1dadff;
- color: #151515;
- border-color: #1dadff; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #8dd0ff;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(141, 208, 255, 0.04);
- color: #8dd0ff;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(141, 208, 255, 0.16);
- color: #8dd0ff;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #8dd0ff;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(141, 208, 255, 0.04);
- color: #8dd0ff;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(141, 208, 255, 0.16);
- color: #8dd0ff;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #8dd0ff;
- background-color: #151515; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: #56bdff;
+ color: #151515;
+ border-color: #56bdff;
+}
+.p-button:enabled:active {
+ background: #1dadff;
+ color: #151515;
+ border-color: #1dadff;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #8dd0ff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(141, 208, 255, 0.04);
+ color: #8dd0ff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(141, 208, 255, 0.16);
+ color: #8dd0ff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #8dd0ff;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(141, 208, 255, 0.04);
+ color: #8dd0ff;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(141, 208, 255, 0.16);
+ color: #8dd0ff;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #8dd0ff;
+ background-color: #151515;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
- border: 1px solid #6c757d; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d; }
+ border: 1px solid #6c757d;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #5a6268;
+ color: #ffffff;
+ border-color: #5a6268;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #545b62;
+ color: #ffffff;
+ border-color: #4e555b;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6c757d;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ border-color: transparent;
+ color: #6c757d;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ border-color: transparent;
+ color: #6c757d;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #151515;
background: #7fd8e6;
- border: 1px solid #4cc8db; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #4cc8db;
- color: #151515;
- border-color: #26bdd3; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #b1e8f0; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #26bdd3;
- color: #151515;
- border-color: #00b2cc; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(127, 216, 230, 0.04);
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(127, 216, 230, 0.16);
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #7fd8e6;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(127, 216, 230, 0.04);
- border-color: transparent;
- color: #7fd8e6; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(127, 216, 230, 0.16);
- border-color: transparent;
- color: #7fd8e6; }
+ border: 1px solid #4cc8db;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #4cc8db;
+ color: #151515;
+ border-color: #26bdd3;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #b1e8f0;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #26bdd3;
+ color: #151515;
+ border-color: #00b2cc;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(127, 216, 230, 0.04);
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(127, 216, 230, 0.16);
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #7fd8e6;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(127, 216, 230, 0.04);
+ border-color: transparent;
+ color: #7fd8e6;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(127, 216, 230, 0.16);
+ border-color: transparent;
+ color: #7fd8e6;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #151515;
background: #9fdaa8;
- border: 1px solid #78cc86; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #78cc86;
- color: #151515;
- border-color: #5ac06c; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #c5e8ca; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #5ac06c;
- color: #151515;
- border-color: #3cb553; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(159, 218, 168, 0.04);
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(159, 218, 168, 0.16);
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #9fdaa8;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(159, 218, 168, 0.04);
- border-color: transparent;
- color: #9fdaa8; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(159, 218, 168, 0.16);
- border-color: transparent;
- color: #9fdaa8; }
+ border: 1px solid #78cc86;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #78cc86;
+ color: #151515;
+ border-color: #5ac06c;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #c5e8ca;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #5ac06c;
+ color: #151515;
+ border-color: #3cb553;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(159, 218, 168, 0.04);
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(159, 218, 168, 0.16);
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9fdaa8;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(159, 218, 168, 0.04);
+ border-color: transparent;
+ color: #9fdaa8;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(159, 218, 168, 0.16);
+ border-color: transparent;
+ color: #9fdaa8;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #151515;
background: #ffe082;
- border: 1px solid #ffd54f; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd54f;
- color: #151515;
- border-color: #ffca28; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffecb3; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffca28;
- color: #151515;
- border-color: #ffc107; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #ffe082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #ffe082; }
+ border: 1px solid #ffd54f;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd54f;
+ color: #151515;
+ border-color: #ffca28;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffecb3;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffca28;
+ color: #151515;
+ border-color: #ffc107;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffe082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #ffe082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #ffe082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #151515;
background: #b7a2e0;
- border: 1px solid #9a7cd4; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #9a7cd4;
- color: #151515;
- border-color: #845fca; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d3c7ec; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #845fca;
- color: #151515;
- border-color: #6d43c0; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(183, 162, 224, 0.04);
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(183, 162, 224, 0.16);
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #b7a2e0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(183, 162, 224, 0.04);
- border-color: transparent;
- color: #b7a2e0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(183, 162, 224, 0.16);
- border-color: transparent;
- color: #b7a2e0; }
+ border: 1px solid #9a7cd4;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #9a7cd4;
+ color: #151515;
+ border-color: #845fca;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d3c7ec;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #845fca;
+ color: #151515;
+ border-color: #6d43c0;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(183, 162, 224, 0.04);
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(183, 162, 224, 0.16);
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #b7a2e0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(183, 162, 224, 0.04);
+ border-color: transparent;
+ color: #b7a2e0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(183, 162, 224, 0.16);
+ border-color: transparent;
+ color: #b7a2e0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #151515;
background: #f19ea6;
- border: 1px solid #e97984; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #e97984;
- color: #151515;
- border-color: #f75965; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffd0d9; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #f75965;
- color: #151515;
- border-color: #fd464e; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(241, 158, 166, 0.04);
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(241, 158, 166, 0.16);
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f19ea6;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(241, 158, 166, 0.04);
- border-color: transparent;
- color: #f19ea6; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(241, 158, 166, 0.16);
- border-color: transparent;
- color: #f19ea6; }
+ border: 1px solid #e97984;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #e97984;
+ color: #151515;
+ border-color: #f75965;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffd0d9;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #f75965;
+ color: #151515;
+ border-color: #fd464e;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(241, 158, 166, 0.04);
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(241, 158, 166, 0.16);
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #f19ea6;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(241, 158, 166, 0.04);
+ border-color: transparent;
+ color: #f19ea6;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(241, 158, 166, 0.16);
+ border-color: transparent;
+ color: #f19ea6;
+}
.p-button.p-button-link {
color: #8dd0ff;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #56bdff;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #8dd0ff;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #56bdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #8dd0ff;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f4b5b;
- width: 2rem;
- height: 0.5rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #3f4b5b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #8dd0ff;
+ color: #151515;
+}
.p-datatable .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1694,7 +2125,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #2a323d;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1702,10 +2134,12 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #2a323d; }
+ background: #2a323d;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #151515;
background: #8dd0ff;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #2a323d;
- color: #8dd0ff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #8dd0ff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: #8dd0ff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #8dd0ff; }
+ color: #8dd0ff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #8dd0ff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: #8dd0ff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #8dd0ff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.15s;
- outline-color: #e3f3fe; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #8dd0ff;
- color: #151515; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #8dd0ff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #8dd0ff; }
+ outline-color: #e3f3fe;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #3f4b5b;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #8dd0ff;
+ color: #151515;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #8dd0ff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #8dd0ff;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #8dd0ff; }
+ background: #8dd0ff;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #2a323d; }
+ background: #2a323d;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 2px 1px; }
+ border-width: 1px 1px 2px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #8dd0ff;
- color: #151515; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #151515; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #151515; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #8dd0ff;
+ color: #151515;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #151515;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #151515;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0; }
+ border-width: 1px 0 0 0;
+}
.p-dataview .p-dataview-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -1861,11 +2343,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #8dd0ff;
- color: #151515; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #8dd0ff;
+ color: #151515;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-column-filter-overlay {
background: #2a323d;
@@ -1913,30 +2405,37 @@
border: 1px solid #3f4b5b;
border-radius: 4px;
box-shadow: none;
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.5rem;
@@ -1945,49 +2444,64 @@
background: #2a323d;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
- border-bottom: 1px solid #3f4b5b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #3f4b5b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.fc .fc-view-harness th {
background: #2a323d;
border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #2a323d;
border: 1px solid #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #151515; }
+ border-color: #151515;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #3f4b5b;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #56bdff;
border: 1px solid #56bdff;
- color: #151515; }
+ color: #151515;
+}
.fc .fc-view-harness .fc-divider {
background: #2a323d;
border: 1px solid #3f4b5b;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #3f4b5b; }
+ border: 1px solid #3f4b5b;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #151515;
background: #8dd0ff;
@@ -1996,70 +2510,89 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #56bdff;
- color: #151515;
- border-color: #56bdff; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #1dadff;
- color: #151515;
- border-color: #1dadff; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #56bdff;
+ color: #151515;
+ border-color: #56bdff;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #1dadff;
+ color: #151515;
+ border-color: #1dadff;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #6c757d;
+ border: 1px solid #6c757d;
+ color: #ffffff;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1.25rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -2068,61 +2601,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #8dd0ff;
- color: #151515; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #0e9bff; }
+ color: #151515;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #0e9bff;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #3f4b5b; }
+ background: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #3f4b5b;
- border-color: #3f4b5b; }
+ border-color: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #3f4b5b;
- border-color: #3f4b5b; }
+ border-color: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-paginator {
background: #2a323d;
@@ -2130,67 +2678,81 @@
border: solid #3f4b5b;
border-width: 0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #8dd0ff; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #8dd0ff;
- border-color: #8dd0ff;
- color: #151515; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #8dd0ff; }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #8dd0ff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: #8dd0ff;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #8dd0ff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #8dd0ff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #8dd0ff;
+ border-color: #8dd0ff;
+ color: #151515;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: #8dd0ff;
+}
.p-picklist .p-picklist-buttons {
- padding: 1.25rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -2199,136 +2761,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #151515;
- background: #8dd0ff; }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #151515;
+ background: #8dd0ff;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #8dd0ff; }
+ background-color: #8dd0ff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 1.25rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #3f4b5b; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #8dd0ff;
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ padding: 0.286rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #3f4b5b;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #8dd0ff;
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2337,7 +2934,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #2a323d;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2345,114 +2943,154 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #2a323d; }
+ background: #2a323d;
+}
.p-treetable .p-sortable-column {
- outline-color: #e3f3fe; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #8dd0ff;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #8dd0ff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #8dd0ff; }
+ outline-color: #e3f3fe;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #151515;
+ background: #8dd0ff;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #2a323d;
+ color: #8dd0ff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #8dd0ff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.15s;
- outline-color: #e3f3fe; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #8dd0ff;
- color: #151515; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #151515; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #151515; }
+ outline-color: #e3f3fe;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #3f4b5b;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #8dd0ff;
+ color: #151515;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #151515;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #151515;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #8dd0ff; }
+ background: #8dd0ff;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #2a323d; }
+ background: #2a323d;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
@@ -2461,27 +3099,33 @@
background: #2a323d;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.15s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #2a323d;
border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #3f4b5b;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #3f4b5b;
@@ -2491,97 +3135,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #2a323d;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1.5rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1.5rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem 1.25rem;
+ border: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1.25rem;
+}
.p-divider .p-divider-content {
- background-color: #2a323d; }
+ background-color: #2a323d;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #3f4b5b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #3f4b5b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #3f4b5b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #3f4b5b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #3f4b5b;
@@ -2589,27 +3263,33 @@
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #3f4b5b;
@@ -2617,248 +3297,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1.25rem;
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f4b5b;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #3f4b5b;
background: #2a323d;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: color 0.15s, box-shadow 0.15s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f4b5b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f4b5b; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: color 0.15s, box-shadow 0.15s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #3f4b5b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #3f4b5b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6); }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #2a323d #2a323d #3f4b5b #2a323d;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #2a323d;
+ border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-tabview .p-tabview-panels {
background: #2a323d;
padding: 1.25rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #2a323d;
border: 1px solid #3f4b5b;
padding: 1rem 1.25rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3f4b5b; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #2a323d; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f4b5b; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: none;
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(42, 50, 61, 0);
+ border-bottom-color: #2a323d;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(63, 75, 91, 0);
+ border-bottom-color: #3f4b5b;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #2a323d;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #3f4b5b;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: none;
- border: 1px solid #3f4b5b; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #3f4b5b;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #3f4b5b;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #3f4b5b;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #8dd0ff;
- color: #151515;
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #56bdff;
- color: #151515; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3f4b5b; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #2a323d; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f4b5b; }
+ box-shadow: none;
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #8dd0ff;
+ color: #151515;
+ width: 2rem;
+ height: 2rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #56bdff;
+ color: #151515;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(42, 50, 61, 0);
+ border-bottom-color: #2a323d;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(63, 75, 91, 0);
+ border-bottom-color: #3f4b5b;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #2a323d;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #3f4b5b;
+}
.p-sidebar {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem; }
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem 1.25rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1.25rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.75rem;
box-shadow: none;
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f4b5b; }
+ border-right-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f4b5b; }
+ border-left-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f4b5b; }
+ border-top-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f4b5b; }
+ border-bottom-color: #3f4b5b;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #2a323d;
@@ -2867,59 +3608,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-fileupload .p-fileupload-content {
background: #2a323d;
padding: 2rem 1rem;
border: 1px solid #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #56bdff;
color: #151515;
- border-color: #56bdff; }
+ border-color: #56bdff;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #1dadff;
color: #151515;
- border-color: #1dadff; }
+ border-color: #1dadff;
+}
.p-breadcrumb {
background: #343e4d;
border: 0 none;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #8dd0ff; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #8dd0ff; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #8dd0ff;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #8dd0ff;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2927,146 +3685,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem 1rem;
background: #343e4d;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-megamenu .p-megamenu-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3074,227 +3879,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-menu.p-menu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-menu.p-menu-overlay {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.5rem 1rem;
background: #343e4d;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.15s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.15s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem;
border: 1px solid #3f4b5b;
@@ -3302,31 +4179,39 @@
background: #2a323d;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ transition: box-shadow 0.15s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #3f4b5b;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #3f4b5b;
@@ -3337,126 +4222,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #3f4b5b;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 4px;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #8dd0ff;
- color: #151515; }
+ color: #151515;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #3f4b5b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6); }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #2a323d #2a323d #3f4b5b #2a323d;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #2a323d;
+ border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3464,214 +4383,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085; }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724; }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404; }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 0px;
+ color: #004085;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #004085;
+}
+.p-inline-message.p-inline-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 0px;
+ color: #155724;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #155724;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 0px;
+ color: #856404;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #856404;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 0px;
+ color: #721c24;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #721c24;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-message.p-message-info .p-message-icon {
- color: #004085; }
- .p-message.p-message-info .p-message-close {
- color: #004085; }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-message.p-message-success .p-message-icon {
- color: #155724; }
- .p-message.p-message-success .p-message-close {
- color: #155724; }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-message.p-message-warn .p-message-icon {
- color: #856404; }
- .p-message.p-message-warn .p-message-close {
- color: #856404; }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-message.p-message-error .p-message-icon {
- color: #721c24; }
- .p-message.p-message-error .p-message-close {
- color: #721c24; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-message.p-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #004085;
+}
+.p-message.p-message-info .p-message-close {
+ color: #004085;
+}
+.p-message.p-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #155724;
+}
+.p-message.p-message-success .p-message-close {
+ color: #155724;
+}
+.p-message.p-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #856404;
+}
+.p-message.p-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-close {
+ color: #721c24;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 1; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24; }
+ opacity: 1;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #721c24;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3680,12 +4665,15 @@
width: 4rem;
height: 4rem;
transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.6);
@@ -3693,85 +4681,110 @@
height: 4rem;
transition: color 0.15s, box-shadow 0.15s;
border-radius: 4px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.6);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.6);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #7789a1;
- width: 1rem;
- height: 1rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #687c97; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #7789a1;
+ width: 1rem;
+ height: 1rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #687c97;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #8dd0ff;
+ color: #151515;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #8dd0ff;
+ color: #151515;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2rem;
+ height: 2rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #3f4b5b;
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #2a323d; }
+ border: 2px solid #2a323d;
+}
.p-badge {
background: #8dd0ff;
@@ -3780,105 +4793,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515; }
- .p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515; }
- .p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515; }
- .p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-badge.p-badge-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-badge.p-badge-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #8dd0ff; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #8dd0ff;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-scrolltop.p-link {
- background: #8dd0ff; }
- .p-scrolltop.p-link:hover {
- background: #56bdff; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #151515; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-scrolltop.p-link {
+ background: #8dd0ff;
+}
+.p-scrolltop.p-link:hover {
+ background: #56bdff;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #151515;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #8dd0ff;
@@ -3886,36 +4926,46 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515; }
- .p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515; }
- .p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515; }
- .p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-tag.p-tag-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-tag.p-tag-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- padding: 1.25rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1.25rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
- .p-breadcrumb .p-breadcrumb-chevron:before {
- content: '/'; }
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.p-breadcrumb .p-breadcrumb-chevron:before {
+ content: "/";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index f6acc776a..dff7ed838 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -23,40 +23,50 @@
--surface-800: #52575d;
--surface-900: #585c62;
--content-padding:1.25rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.p-error {
- color: #f19ea6; }
+ color: #f19ea6;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
:root {
--blue-50:#f3f8ff;
@@ -158,537 +168,690 @@
--purple-600:#5e38a4;
--purple-700:#4e2e87;
--purple-800:#3d246a;
- --purple-900:#2c1a4d; }
+ --purple-900:#2c1a4d;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem; }
+ right: 3.107rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-autocomplete-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
+ box-shadow: none;
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-datepicker {
padding: 0;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2a323d; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #3f4b5b;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #c298d8;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #3f4b5b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f4b5b;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #3f4b5b;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2a323d;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #3f4b5b;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #c298d8;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #3f4b5b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #3f4b5b;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #3f4b5b;
+ padding-right: 0;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-cascadeselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #3f4b5b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #151515;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #c298d8;
- background: #c298d8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #3f4b5b; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #9954bb;
- background: #9954bb;
- color: #151515; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f19ea6; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #3f4b5b;
+ background: #20262e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.15s;
+ color: #151515;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #c298d8;
+ background: #c298d8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #3f4b5b;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #9954bb;
+ background: #9954bb;
+ color: #151515;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f19ea6;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #3f4b5b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #c298d8; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #c298d8;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9954bb; }
+ background: #9954bb;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #151515; }
+ border-color: #151515;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2a323d;
- border-color: #3f4b5b; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87); }
+ border-color: #3f4b5b;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: rgba(255, 255, 255, 0.87);
+}
.p-colorpicker-overlay-panel {
- box-shadow: none; }
+ box-shadow: none;
+}
.p-dropdown {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-dropdown-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #3f4b5b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-editor-container .p-editor-toolbar {
background: #2a323d;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f4b5b; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #3f4b5b;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+ border-radius: 4px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1.5rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f4b5b; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #20262e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #3f4b5b;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #20262e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #c298d8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #c298d8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #c298d8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #c298d8; }
+ color: #c298d8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #c298d8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #c298d8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #c298d8;
+}
.p-inputgroup-addon {
background: #2a323d;
@@ -697,27 +860,33 @@
border-left: 1px solid #3f4b5b;
border-bottom: 1px solid #3f4b5b;
padding: 0.5rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f4b5b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #3f4b5b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #3f4b5b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #c298d8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #151515; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #c298d8; }
- .p-inputswitch.p-invalid {
- border-color: #f19ea6; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #3f4b5b;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 4px;
+ transition-duration: 0.15s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #3f4b5b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #c298d8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #151515;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #c298d8;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f19ea6;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: #3f4b5b; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f19ea6; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #3f4b5b;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f19ea6;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #3f4b5b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #3f4b5b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
+ padding: 0.4375rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ padding: 0.625rem 0.9375rem;
+}
.p-listbox {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f19ea6;
+}
.p-multiselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-multiselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #3f4b5b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-password-panel {
padding: 1.25rem;
@@ -1032,236 +1281,305 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f4b5b; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f19ea6; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #9fdaa8; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #3f4b5b;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #f19ea6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffe082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #9fdaa8;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #3f4b5b; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #151515; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #c298d8;
- background: #c298d8; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #9954bb;
- background: #9954bb;
- color: #151515; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f19ea6; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #3f4b5b;
+ background: #20262e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #3f4b5b;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.15s;
+ background-color: #151515;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #c298d8;
+ background: #c298d8;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #9954bb;
+ background: #9954bb;
+ color: #151515;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f19ea6;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #3f4b5b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #c298d8; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #9954bb; }
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #c298d8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #9954bb;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #151515; }
+ border-color: #151515;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f19ea6; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #c298d8; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f19ea6;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #c298d8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #c298d8; }
+ color: #c298d8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f19ea6; }
+ color: #f19ea6;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #151515; }
+ color: #151515;
+}
.p-selectbutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f19ea6; }
+ border-color: #f19ea6;
+}
.p-slider {
background: #3f4b5b;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #c298d8;
- border: 2px solid #c298d8;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-slider .p-slider-range {
- background: #c298d8; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #aa70c7;
- border-color: #aa70c7; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #c298d8;
+ border: 2px solid #c298d8;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-slider .p-slider-range {
+ background: #c298d8;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #aa70c7;
+ border-color: #aa70c7;
+}
.p-treeselect {
background: #20262e;
border: 1px solid #3f4b5b;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #3f4b5b; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f19ea6; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #3f4b5b;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f19ea6;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-treeselect-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #3f4b5b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #3f4b5b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b; }
+ background: #3f4b5b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #3f4b5b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #3f4b5b;
+}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f19ea6; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f19ea6;
+}
.p-button {
color: #151515;
@@ -1270,364 +1588,465 @@
padding: 0.5rem 0.75rem;
font-size: 1rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: #aa70c7;
- color: #151515;
- border-color: #aa70c7; }
- .p-button:enabled:active {
- background: #9954bb;
- color: #151515;
- border-color: #9954bb; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #c298d8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(194, 152, 216, 0.04);
- color: #c298d8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(194, 152, 216, 0.16);
- color: #c298d8;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #c298d8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(194, 152, 216, 0.04);
- color: #c298d8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(194, 152, 216, 0.16);
- color: #c298d8;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #c298d8;
- background-color: #151515; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: #aa70c7;
+ color: #151515;
+ border-color: #aa70c7;
+}
+.p-button:enabled:active {
+ background: #9954bb;
+ color: #151515;
+ border-color: #9954bb;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #c298d8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(194, 152, 216, 0.04);
+ color: #c298d8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(194, 152, 216, 0.16);
+ color: #c298d8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #c298d8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(194, 152, 216, 0.04);
+ color: #c298d8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(194, 152, 216, 0.16);
+ color: #c298d8;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #c298d8;
+ background-color: #151515;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
- border: 1px solid #6c757d; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d; }
+ border: 1px solid #6c757d;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #5a6268;
+ color: #ffffff;
+ border-color: #5a6268;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #545b62;
+ color: #ffffff;
+ border-color: #4e555b;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6c757d;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ border-color: transparent;
+ color: #6c757d;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ border-color: transparent;
+ color: #6c757d;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #151515;
background: #7fd8e6;
- border: 1px solid #4cc8db; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #4cc8db;
- color: #151515;
- border-color: #26bdd3; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #b1e8f0; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #26bdd3;
- color: #151515;
- border-color: #00b2cc; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(127, 216, 230, 0.04);
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(127, 216, 230, 0.16);
- color: #7fd8e6;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #7fd8e6;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(127, 216, 230, 0.04);
- border-color: transparent;
- color: #7fd8e6; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(127, 216, 230, 0.16);
- border-color: transparent;
- color: #7fd8e6; }
+ border: 1px solid #4cc8db;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #4cc8db;
+ color: #151515;
+ border-color: #26bdd3;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #b1e8f0;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #26bdd3;
+ color: #151515;
+ border-color: #00b2cc;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(127, 216, 230, 0.04);
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(127, 216, 230, 0.16);
+ color: #7fd8e6;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #7fd8e6;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(127, 216, 230, 0.04);
+ border-color: transparent;
+ color: #7fd8e6;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(127, 216, 230, 0.16);
+ border-color: transparent;
+ color: #7fd8e6;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #151515;
background: #9fdaa8;
- border: 1px solid #78cc86; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #78cc86;
- color: #151515;
- border-color: #5ac06c; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #c5e8ca; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #5ac06c;
- color: #151515;
- border-color: #3cb553; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(159, 218, 168, 0.04);
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(159, 218, 168, 0.16);
- color: #9fdaa8;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #9fdaa8;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(159, 218, 168, 0.04);
- border-color: transparent;
- color: #9fdaa8; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(159, 218, 168, 0.16);
- border-color: transparent;
- color: #9fdaa8; }
+ border: 1px solid #78cc86;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #78cc86;
+ color: #151515;
+ border-color: #5ac06c;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #c5e8ca;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #5ac06c;
+ color: #151515;
+ border-color: #3cb553;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(159, 218, 168, 0.04);
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(159, 218, 168, 0.16);
+ color: #9fdaa8;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9fdaa8;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(159, 218, 168, 0.04);
+ border-color: transparent;
+ color: #9fdaa8;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(159, 218, 168, 0.16);
+ border-color: transparent;
+ color: #9fdaa8;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #151515;
background: #ffe082;
- border: 1px solid #ffd54f; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd54f;
- color: #151515;
- border-color: #ffca28; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffecb3; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffca28;
- color: #151515;
- border-color: #ffc107; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #ffe082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #ffe082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #ffe082; }
+ border: 1px solid #ffd54f;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd54f;
+ color: #151515;
+ border-color: #ffca28;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffecb3;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffca28;
+ color: #151515;
+ border-color: #ffc107;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #ffe082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffe082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #ffe082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #ffe082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #151515;
background: #b7a2e0;
- border: 1px solid #9a7cd4; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #9a7cd4;
- color: #151515;
- border-color: #845fca; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d3c7ec; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #845fca;
- color: #151515;
- border-color: #6d43c0; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(183, 162, 224, 0.04);
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(183, 162, 224, 0.16);
- color: #b7a2e0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #b7a2e0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(183, 162, 224, 0.04);
- border-color: transparent;
- color: #b7a2e0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(183, 162, 224, 0.16);
- border-color: transparent;
- color: #b7a2e0; }
+ border: 1px solid #9a7cd4;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #9a7cd4;
+ color: #151515;
+ border-color: #845fca;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d3c7ec;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #845fca;
+ color: #151515;
+ border-color: #6d43c0;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(183, 162, 224, 0.04);
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(183, 162, 224, 0.16);
+ color: #b7a2e0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #b7a2e0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(183, 162, 224, 0.04);
+ border-color: transparent;
+ color: #b7a2e0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(183, 162, 224, 0.16);
+ border-color: transparent;
+ color: #b7a2e0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #151515;
background: #f19ea6;
- border: 1px solid #e97984; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #e97984;
- color: #151515;
- border-color: #f75965; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffd0d9; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #f75965;
- color: #151515;
- border-color: #fd464e; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(241, 158, 166, 0.04);
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(241, 158, 166, 0.16);
- color: #f19ea6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f19ea6;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(241, 158, 166, 0.04);
- border-color: transparent;
- color: #f19ea6; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(241, 158, 166, 0.16);
- border-color: transparent;
- color: #f19ea6; }
+ border: 1px solid #e97984;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #e97984;
+ color: #151515;
+ border-color: #f75965;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffd0d9;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #f75965;
+ color: #151515;
+ border-color: #fd464e;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(241, 158, 166, 0.04);
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(241, 158, 166, 0.16);
+ color: #f19ea6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #f19ea6;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(241, 158, 166, 0.04);
+ border-color: transparent;
+ color: #f19ea6;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(241, 158, 166, 0.16);
+ border-color: transparent;
+ color: #f19ea6;
+}
.p-button.p-button-link {
color: #c298d8;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #aa70c7;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #c298d8;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #aa70c7;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #c298d8;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f4b5b;
- width: 2rem;
- height: 0.5rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #c298d8;
- color: #151515; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #3f4b5b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #c298d8;
+ color: #151515;
+}
.p-datatable .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1694,7 +2125,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #2a323d;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1702,10 +2134,12 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #2a323d; }
+ background: #2a323d;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #151515;
background: #c298d8;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #2a323d;
- color: #c298d8; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #c298d8; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: #c298d8; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #c298d8; }
+ color: #c298d8;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #c298d8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: #c298d8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #c298d8;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #f0e6f5;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.15s;
- outline-color: #f0e6f5; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #c298d8;
- color: #151515; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #c298d8; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #c298d8; }
+ outline-color: #f0e6f5;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #3f4b5b;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #c298d8;
+ color: #151515;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #c298d8;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #c298d8;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #c298d8; }
+ background: #c298d8;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #2a323d; }
+ background: #2a323d;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 2px 1px; }
+ border-width: 1px 1px 2px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #c298d8;
- color: #151515; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #151515; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #151515; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #c298d8;
+ color: #151515;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #151515;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #151515;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0; }
+ border-width: 1px 0 0 0;
+}
.p-dataview .p-dataview-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -1861,11 +2343,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #c298d8;
- color: #151515; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #c298d8;
+ color: #151515;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-column-filter-overlay {
background: #2a323d;
@@ -1913,30 +2405,37 @@
border: 1px solid #3f4b5b;
border-radius: 4px;
box-shadow: none;
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #151515;
- background: #c298d8; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.5rem;
@@ -1945,49 +2444,64 @@
background: #2a323d;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
- border-bottom: 1px solid #3f4b5b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #3f4b5b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.fc .fc-view-harness th {
background: #2a323d;
border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #2a323d;
border: 1px solid #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #151515; }
+ border-color: #151515;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #3f4b5b;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #aa70c7;
border: 1px solid #aa70c7;
- color: #151515; }
+ color: #151515;
+}
.fc .fc-view-harness .fc-divider {
background: #2a323d;
border: 1px solid #3f4b5b;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #3f4b5b; }
+ border: 1px solid #3f4b5b;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #151515;
background: #c298d8;
@@ -1996,70 +2510,89 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #aa70c7;
- color: #151515;
- border-color: #aa70c7; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #9954bb;
- color: #151515;
- border-color: #9954bb; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #aa70c7;
+ color: #151515;
+ border-color: #aa70c7;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #9954bb;
+ color: #151515;
+ border-color: #9954bb;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #6c757d;
+ border: 1px solid #6c757d;
+ color: #ffffff;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1.25rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -2068,61 +2601,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #151515;
- background: #c298d8; }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #c298d8;
- color: #151515; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8942ae; }
+ color: #151515;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #8942ae;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #3f4b5b; }
+ background: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #3f4b5b;
- border-color: #3f4b5b; }
+ border-color: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #3f4b5b;
- border-color: #3f4b5b; }
+ border-color: #3f4b5b;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-paginator {
background: #2a323d;
@@ -2130,67 +2678,81 @@
border: solid #3f4b5b;
border-width: 0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #c298d8; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #c298d8;
- border-color: #c298d8;
- color: #151515; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #c298d8; }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #c298d8;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: #c298d8;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #c298d8;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 1px solid #3f4b5b;
+ color: #c298d8;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #c298d8;
+ border-color: #c298d8;
+ color: #151515;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: #c298d8;
+}
.p-picklist .p-picklist-buttons {
- padding: 1.25rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -2199,136 +2761,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #151515;
- background: #c298d8; }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #151515;
+ background: #c298d8;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #c298d8; }
+ background-color: #c298d8;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b; }
+ background-color: #3f4b5b;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
padding: 1.25rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #3f4b5b; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #c298d8;
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #151515; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ padding: 0.286rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #3f4b5b;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #c298d8;
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #151515;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
border: solid #3f4b5b;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2337,7 +2934,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #2a323d;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2345,114 +2943,154 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #2a323d; }
+ background: #2a323d;
+}
.p-treetable .p-sortable-column {
- outline-color: #f0e6f5; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #c298d8;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #c298d8; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #c298d8; }
+ outline-color: #f0e6f5;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #151515;
+ background: #c298d8;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #2a323d;
+ color: #c298d8;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #c298d8;
+}
.p-treetable .p-treetable-tbody > tr {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.15s;
- outline-color: #f0e6f5; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #c298d8;
- color: #151515; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #151515; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #151515; }
+ outline-color: #f0e6f5;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #3f4b5b;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #c298d8;
+ color: #151515;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #151515;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #151515;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #c298d8; }
+ background: #c298d8;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #2a323d; }
+ background: #2a323d;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
@@ -2461,27 +3099,33 @@
background: #2a323d;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.15s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #2a323d;
border-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #3f4b5b;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #3f4b5b;
@@ -2491,97 +3135,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #2a323d;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1.5rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1.5rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem 1.25rem;
+ border: 1px solid #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1.25rem;
+}
.p-divider .p-divider-content {
- background-color: #2a323d; }
+ background-color: #2a323d;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #3f4b5b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #3f4b5b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #3f4b5b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #3f4b5b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #3f4b5b;
@@ -2589,27 +3263,33 @@
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #3f4b5b;
@@ -2617,248 +3297,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1.25rem;
border: 1px solid #3f4b5b;
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f4b5b;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #3f4b5b;
background: #2a323d;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: color 0.15s, box-shadow 0.15s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f4b5b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f4b5b; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: color 0.15s, box-shadow 0.15s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #3f4b5b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #3f4b5b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6); }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #2a323d #2a323d #3f4b5b #2a323d;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #2a323d;
+ border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-tabview .p-tabview-panels {
background: #2a323d;
padding: 1.25rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #2a323d;
border: 1px solid #3f4b5b;
padding: 1rem 1.25rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3f4b5b; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #2a323d; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f4b5b; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: none;
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(42, 50, 61, 0);
+ border-bottom-color: #2a323d;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(63, 75, 91, 0);
+ border-bottom-color: #3f4b5b;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #2a323d;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #3f4b5b;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: none;
- border: 1px solid #3f4b5b; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #3f4b5b;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #3f4b5b;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #3f4b5b;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- box-shadow: none; }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #c298d8;
- color: #151515;
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #aa70c7;
- color: #151515; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3f4b5b; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #2a323d; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f4b5b; }
+ box-shadow: none;
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #c298d8;
+ color: #151515;
+ width: 2rem;
+ height: 2rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #aa70c7;
+ color: #151515;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(42, 50, 61, 0);
+ border-bottom-color: #2a323d;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(63, 75, 91, 0);
+ border-bottom-color: #3f4b5b;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #2a323d;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #3f4b5b;
+}
.p-sidebar {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem; }
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem 1.25rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1.25rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.75rem;
box-shadow: none;
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f4b5b; }
+ border-right-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f4b5b; }
+ border-left-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f4b5b; }
+ border-top-color: #3f4b5b;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f4b5b; }
+ border-bottom-color: #3f4b5b;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #2a323d;
@@ -2867,59 +3608,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-fileupload .p-fileupload-content {
background: #2a323d;
padding: 2rem 1rem;
border: 1px solid #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #aa70c7;
color: #151515;
- border-color: #aa70c7; }
+ border-color: #aa70c7;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #9954bb;
color: #151515;
- border-color: #9954bb; }
+ border-color: #9954bb;
+}
.p-breadcrumb {
background: #343e4d;
border: 0 none;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #c298d8; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #c298d8; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #c298d8;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #c298d8;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2927,146 +3685,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem 1rem;
background: #343e4d;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-megamenu .p-megamenu-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3074,227 +3879,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-menu.p-menu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-menu.p-menu-overlay {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #2a323d;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.5rem 1rem;
background: #343e4d;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ border-radius: 50%;
+ transition: color 0.15s, box-shadow 0.15s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.15s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.15s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem;
border: 1px solid #3f4b5b;
@@ -3302,31 +4179,39 @@
background: #2a323d;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ transition: box-shadow 0.15s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #3f4b5b;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #3f4b5b;
@@ -3337,126 +4222,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #3f4b5b;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 4px;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #c298d8;
- color: #151515; }
+ color: #151515;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #3f4b5b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6); }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #2a323d #2a323d #3f4b5b #2a323d;
+ background: #2a323d;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #2a323d;
+ border-color: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #2a323d;
+ border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3464,214 +4383,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2a323d;
+ border: 1px solid #3f4b5b;
+ box-shadow: none;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #20262e;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #3f4b5b;
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085; }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724; }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404; }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 0px;
+ color: #004085;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #004085;
+}
+.p-inline-message.p-inline-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 0px;
+ color: #155724;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #155724;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 0px;
+ color: #856404;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #856404;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 0px;
+ color: #721c24;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #721c24;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-message.p-message-info .p-message-icon {
- color: #004085; }
- .p-message.p-message-info .p-message-close {
- color: #004085; }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-message.p-message-success .p-message-icon {
- color: #155724; }
- .p-message.p-message-success .p-message-close {
- color: #155724; }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-message.p-message-warn .p-message-icon {
- color: #856404; }
- .p-message.p-message-warn .p-message-close {
- color: #856404; }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-message.p-message-error .p-message-icon {
- color: #721c24; }
- .p-message.p-message-error .p-message-close {
- color: #721c24; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-message.p-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #004085;
+}
+.p-message.p-message-info .p-message-close {
+ color: #004085;
+}
+.p-message.p-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #155724;
+}
+.p-message.p-message-success .p-message-close {
+ color: #155724;
+}
+.p-message.p-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #856404;
+}
+.p-message.p-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-close {
+ color: #721c24;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 1; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24; }
+ opacity: 1;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #721c24;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3680,12 +4665,15 @@
width: 4rem;
height: 4rem;
transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.6);
@@ -3693,85 +4681,110 @@
height: 4rem;
transition: color 0.15s, box-shadow 0.15s;
border-radius: 4px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.6);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.6);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #7789a1;
- width: 1rem;
- height: 1rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #687c97; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #c298d8;
- color: #151515; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #7789a1;
+ width: 1rem;
+ height: 1rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #687c97;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #c298d8;
+ color: #151515;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #c298d8;
- color: #151515; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #c298d8;
+ color: #151515;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2rem;
+ height: 2rem;
+ transition: color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #3f4b5b;
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #2a323d; }
+ border: 2px solid #2a323d;
+}
.p-badge {
background: #c298d8;
@@ -3780,105 +4793,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515; }
- .p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515; }
- .p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515; }
- .p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-badge.p-badge-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-badge.p-badge-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #3f4b5b;
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #c298d8; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #c298d8;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
- transition: color 0.15s, box-shadow 0.15s; }
- .p-scrolltop.p-link {
- background: #c298d8; }
- .p-scrolltop.p-link:hover {
- background: #aa70c7; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #151515; }
+ transition: color 0.15s, box-shadow 0.15s;
+}
+.p-scrolltop.p-link {
+ background: #c298d8;
+}
+.p-scrolltop.p-link:hover {
+ background: #aa70c7;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #151515;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #c298d8;
@@ -3886,36 +4926,46 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515; }
- .p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515; }
- .p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515; }
- .p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-tag.p-tag-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-tag.p-tag-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
- padding: 1.25rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1.25rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
- .p-breadcrumb .p-breadcrumb-chevron:before {
- content: '/'; }
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.p-breadcrumb .p-breadcrumb-chevron:before {
+ content: "/";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 973e989ff..21dfd0850 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #343a40;
--surface-900: #212529;
--content-padding:1.25rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.p-error {
- color: #dc3545; }
+ color: #dc3545;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
:root {
--blue-50:#f3f8ff;
@@ -158,537 +168,690 @@
--purple-600:#5e38a4;
--purple-700:#4e2e87;
--purple-800:#3d246a;
- --purple-900:#2c1a4d; }
+ --purple-900:#2c1a4d;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem; }
+ right: 3.107rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #212529;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #212529;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
+ box-shadow: none;
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-datepicker {
padding: 0;
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #efefef; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #efefef;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #efefef; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007bff;
- background: #007bff; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #ced4da; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #0062cc;
- background: #0062cc;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #dc3545; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #212529;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.15s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007bff;
+ background: #007bff;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #ced4da;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #0062cc;
+ background: #0062cc;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #dc3545;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #efefef; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007bff; }
+ background-color: #efefef;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007bff;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #efefef; }
+ background-color: #efefef;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0062cc; }
+ background: #0062cc;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #212529;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #212529;
- border-color: #212529; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #212529;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: none; }
+ box-shadow: none;
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #495057;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #495057;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-dropdown-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #efefef; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-editor-container .p-editor-toolbar {
background: #efefef;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #212529;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+ border-radius: 4px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1.5rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #212529; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #212529; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #212529; }
+ color: #212529;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #212529;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #007bff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #007bff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #007bff; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #007bff; }
+ color: #007bff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #007bff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #007bff;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #007bff;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -697,27 +860,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ced4da; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007bff; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #007bff; }
- .p-inputswitch.p-invalid {
- border-color: #dc3545; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 4px;
+ transition-duration: 0.15s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ced4da;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007bff;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #007bff;
+}
+.p-inputswitch.p-invalid {
+ border-color: #dc3545;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: #ced4da; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-inputtext.p-invalid.p-component {
- border-color: #dc3545; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #ced4da;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #dc3545;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: #6c757d;
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: #495057; }
+ color: #495057;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: #495057; }
+ color: #495057;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #efefef; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #efefef; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #efefef; }
+ background-color: #efefef;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #efefef;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
+ padding: 0.4375rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ padding: 0.625rem 0.9375rem;
+}
.p-listbox {
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #dc3545;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #efefef; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-password-panel {
padding: 1.25rem;
@@ -1032,236 +1281,305 @@
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none;
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e9ecef; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #dc3545; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffc107; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #28a745; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #dc3545;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffc107;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #28a745;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #ced4da; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007bff;
- background: #007bff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #0062cc;
- background: #0062cc;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #dc3545; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #212529;
+ border-radius: 50%;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #ced4da;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.15s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007bff;
+ background: #007bff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #0062cc;
+ background: #0062cc;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #dc3545;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #efefef; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007bff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0062cc; }
+ background-color: #efefef;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007bff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #0062cc;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #dc3545; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #007bff; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #dc3545;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #007bff;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #007bff; }
+ color: #007bff;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #dc3545; }
+ color: #dc3545;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
.p-selectbutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-slider {
background: #e9ecef;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #007bff;
- border: 2px solid #007bff;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-slider .p-slider-range {
- background: #007bff; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #0069d9;
- border-color: #0069d9; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #007bff;
+ border: 2px solid #007bff;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-slider .p-slider-range {
+ background: #007bff;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #0069d9;
+ border-color: #0069d9;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #efefef; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #dc3545; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #dc3545;
+}
.p-button {
color: #ffffff;
@@ -1270,364 +1588,465 @@
padding: 0.5rem 0.75rem;
font-size: 1rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: #0069d9;
- color: #ffffff;
- border-color: #0069d9; }
- .p-button:enabled:active {
- background: #0062cc;
- color: #ffffff;
- border-color: #0062cc; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007bff;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 123, 255, 0.04);
- color: #007bff;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 123, 255, 0.16);
- color: #007bff;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007bff;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(0, 123, 255, 0.04);
- color: #007bff;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(0, 123, 255, 0.16);
- color: #007bff;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #007bff;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: #0069d9;
+ color: #ffffff;
+ border-color: #0069d9;
+}
+.p-button:enabled:active {
+ background: #0062cc;
+ color: #ffffff;
+ border-color: #0062cc;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007bff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 123, 255, 0.04);
+ color: #007bff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 123, 255, 0.16);
+ color: #007bff;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007bff;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 123, 255, 0.04);
+ color: #007bff;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 123, 255, 0.16);
+ color: #007bff;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007bff;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
- border: 1px solid #6c757d; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d; }
+ border: 1px solid #6c757d;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #5a6268;
+ color: #ffffff;
+ border-color: #5a6268;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #545b62;
+ color: #ffffff;
+ border-color: #4e555b;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6c757d;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ border-color: transparent;
+ color: #6c757d;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ border-color: transparent;
+ color: #6c757d;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #17a2b8;
- border: 1px solid #17a2b8; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(23, 162, 184, 0.04);
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(23, 162, 184, 0.16);
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #17a2b8;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(23, 162, 184, 0.04);
- border-color: transparent;
- color: #17a2b8; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(23, 162, 184, 0.16);
- border-color: transparent;
- color: #17a2b8; }
+ border: 1px solid #17a2b8;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #138496;
+ color: #ffffff;
+ border-color: #117a8b;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #138496;
+ color: #ffffff;
+ border-color: #117a8b;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(23, 162, 184, 0.04);
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(23, 162, 184, 0.16);
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #17a2b8;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(23, 162, 184, 0.04);
+ border-color: transparent;
+ color: #17a2b8;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(23, 162, 184, 0.16);
+ border-color: transparent;
+ color: #17a2b8;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #28a745;
- border: 1px solid #28a745; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #218838;
- color: #ffffff;
- border-color: #1e7e34; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #1e7e34;
- color: #ffffff;
- border-color: #1c7430; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(40, 167, 69, 0.04);
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(40, 167, 69, 0.16);
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #28a745;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(40, 167, 69, 0.04);
- border-color: transparent;
- color: #28a745; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(40, 167, 69, 0.16);
- border-color: transparent;
- color: #28a745; }
+ border: 1px solid #28a745;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #218838;
+ color: #ffffff;
+ border-color: #1e7e34;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #1e7e34;
+ color: #ffffff;
+ border-color: #1c7430;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(40, 167, 69, 0.04);
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(40, 167, 69, 0.16);
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #28a745;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(40, 167, 69, 0.04);
+ border-color: transparent;
+ color: #28a745;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(40, 167, 69, 0.16);
+ border-color: transparent;
+ color: #28a745;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #ffc107;
- border: 1px solid #ffc107; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #e0a800;
- color: #212529;
- border-color: #d39e00; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #d39e00;
- color: #212529;
- border-color: #c69500; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffc107;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- border-color: transparent;
- color: #ffc107; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- border-color: transparent;
- color: #ffc107; }
+ border: 1px solid #ffc107;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #e0a800;
+ color: #212529;
+ border-color: #d39e00;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #d39e00;
+ color: #212529;
+ border-color: #c69500;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffc107;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ border-color: transparent;
+ color: #ffc107;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ border-color: transparent;
+ color: #ffc107;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #6f42c1;
- border: 1px solid #6f42c1; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #633bad;
- color: #ffffff;
- border-color: #58349a; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #d3c6ec; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #58349a;
- color: #ffffff;
- border-color: #4d2e87; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(111, 66, 193, 0.04);
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(111, 66, 193, 0.16);
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #6f42c1;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(111, 66, 193, 0.04);
- border-color: transparent;
- color: #6f42c1; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(111, 66, 193, 0.16);
- border-color: transparent;
- color: #6f42c1; }
+ border: 1px solid #6f42c1;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #633bad;
+ color: #ffffff;
+ border-color: #58349a;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #d3c6ec;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #58349a;
+ color: #ffffff;
+ border-color: #4d2e87;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(111, 66, 193, 0.04);
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(111, 66, 193, 0.16);
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6f42c1;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(111, 66, 193, 0.04);
+ border-color: transparent;
+ color: #6f42c1;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(111, 66, 193, 0.16);
+ border-color: transparent;
+ color: #6f42c1;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #dc3545;
- border: 1px solid #dc3545; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c82333;
- color: #ffffff;
- border-color: #bd2130; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #bd2130;
- color: #ffffff;
- border-color: #b21f2d; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(220, 53, 69, 0.04);
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(220, 53, 69, 0.16);
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #dc3545;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(220, 53, 69, 0.04);
- border-color: transparent;
- color: #dc3545; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(220, 53, 69, 0.16);
- border-color: transparent;
- color: #dc3545; }
+ border: 1px solid #dc3545;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c82333;
+ color: #ffffff;
+ border-color: #bd2130;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #bd2130;
+ color: #ffffff;
+ border-color: #b21f2d;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(220, 53, 69, 0.04);
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(220, 53, 69, 0.16);
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #dc3545;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(220, 53, 69, 0.04);
+ border-color: transparent;
+ color: #dc3545;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(220, 53, 69, 0.16);
+ border-color: transparent;
+ color: #dc3545;
+}
.p-button.p-button-link {
color: #007bff;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #0069d9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #007bff;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #0069d9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #007bff;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #007bff;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1694,7 +2125,8 @@
font-weight: 600;
color: #212529;
background: #ffffff;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1702,10 +2134,12 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #007bff;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: #007bff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #007bff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #007bff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #007bff; }
+ color: #007bff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #007bff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #007bff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #007bff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
- outline-color: rgba(38, 143, 255, 0.5); }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007bff;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007bff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007bff; }
+ outline-color: rgba(38, 143, 255, 0.5);
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dee2e6;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #007bff;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #007bff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #007bff;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-datatable .p-column-resizer-helper {
- background: #007bff; }
+ background: #007bff;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #efefef; }
+ background: #efefef;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 2px 1px; }
+ border-width: 1px 1px 2px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.05); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #007bff;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.05);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #007bff;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #212529;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #dee2e6;
- border-width: 1px 0 0 0; }
+ border-width: 1px 0 0 0;
+}
.p-dataview .p-dataview-footer {
background: #efefef;
color: #212529;
@@ -1861,11 +2343,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007bff;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #007bff;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1913,30 +2405,37 @@
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.5rem;
@@ -1945,49 +2444,64 @@
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.fc .fc-view-harness th {
background: #efefef;
border: 1px solid #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #212529;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #0069d9;
border: 1px solid #0069d9;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #efefef;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #007bff;
@@ -1996,70 +2510,89 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #0069d9;
- color: #ffffff;
- border-color: #0069d9; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #0062cc;
- color: #ffffff;
- border-color: #0062cc; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #0069d9;
+ color: #ffffff;
+ border-color: #0069d9;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #0062cc;
+ color: #ffffff;
+ border-color: #0062cc;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #6c757d;
+ border: 1px solid #6c757d;
+ color: #ffffff;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1.25rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #efefef;
color: #212529;
@@ -2068,61 +2601,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #007bff;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #003e80; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #003e80;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-paginator {
background: #ffffff;
@@ -2130,67 +2678,81 @@
border: solid #dee2e6;
border-width: 0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #007bff; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007bff;
- border-color: #007bff;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #007bff; }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #007bff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #007bff;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #007bff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #007bff;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #007bff;
+ border-color: #007bff;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #007bff;
+}
.p-picklist .p-picklist-buttons {
- padding: 1.25rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #efefef;
color: #212529;
@@ -2199,136 +2761,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007bff; }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #007bff;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #007bff; }
+ background-color: #007bff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 1.25rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007bff;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ padding: 0.286rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #007bff;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2337,7 +2934,8 @@
font-weight: 600;
color: #212529;
background: #ffffff;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2345,114 +2943,154 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: rgba(38, 143, 255, 0.5); }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #007bff;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #007bff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #007bff; }
+ outline-color: rgba(38, 143, 255, 0.5);
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007bff;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: #007bff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #007bff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
- outline-color: rgba(38, 143, 255, 0.5); }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007bff;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: rgba(38, 143, 255, 0.5);
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dee2e6;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #007bff;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #212529; }
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #212529;
+}
.p-treetable .p-column-resizer-helper {
- background: #007bff; }
+ background: #007bff;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #efefef; }
+ background: #efefef;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
@@ -2461,27 +3099,33 @@
background: #efefef;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.15s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #efefef;
border-color: #dee2e6;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -2491,97 +3135,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: #212529;
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; }
- .p-card .p-card-body {
- padding: 1.5rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1.5rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: #212529;
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529; }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem 1.25rem;
+ border: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ font-weight: 600;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem 1.25rem;
+ color: #212529;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #212529;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1.25rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2589,27 +3263,33 @@
background: #efefef;
color: #212529;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -2617,248 +3297,309 @@
color: #212529;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #efefef;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 4px;
- color: #212529; }
- .p-splitter .p-splitter-gutter {
- transition: box-shadow 0.15s;
- background: #efefef; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #212529;
+}
+.p-splitter .p-splitter-gutter {
+ transition: box-shadow 0.15s;
+ background: #efefef;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #ffffff #ffffff #dee2e6 #ffffff;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #dee2e6;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
+ color: #495057;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1.25rem;
border: 0 none;
color: #212529;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #efefef;
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
- box-shadow: none; }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2); }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2); }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: none;
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(0, 0, 0, 0);
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: rgba(0, 0, 0, 0.2);
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: none;
- border: 1px solid rgba(0, 0, 0, 0.2); }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #212529;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #e9ecef;
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #e9ecef;
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
- box-shadow: none; }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007bff;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0069d9;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2); }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2); }
+ box-shadow: none;
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007bff;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: box-shadow 0.15s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #0069d9;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(0, 0, 0, 0);
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: rgba(0, 0, 0, 0.2);
+}
.p-sidebar {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none; }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem; }
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem 1.25rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1.25rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #212529;
color: #ffffff;
padding: 0.5rem 0.75rem;
box-shadow: none;
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #212529; }
+ border-right-color: #212529;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #212529; }
+ border-left-color: #212529;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #212529; }
+ border-top-color: #212529;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #212529; }
+ border-bottom-color: #212529;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #efefef;
@@ -2867,59 +3608,76 @@
color: #212529;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #212529;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #0069d9;
color: #ffffff;
- border-color: #0069d9; }
+ border-color: #0069d9;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #0062cc;
color: #ffffff;
- border-color: #0062cc; }
+ border-color: #0062cc;
+}
.p-breadcrumb {
background: #efefef;
border: 0 none;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #007bff; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #007bff; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #6c757d; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #6c757d; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #007bff;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #007bff;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #6c757d;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #6c757d;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2927,146 +3685,193 @@
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #212529;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3074,227 +3879,299 @@
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
+ border-radius: 50%;
transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-submenu-list {
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.7);
+ background: transparent;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.15s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.15s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
@@ -3302,31 +4179,39 @@
background: #efefef;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #efefef;
+ border-color: #dee2e6;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #dee2e6;
@@ -3337,126 +4222,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #212529;
- border: 1px solid #dee2e6;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #212529;
+ border: 1px solid #dee2e6;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 4px;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #007bff;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #dee2e6;
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #ffffff #ffffff #dee2e6 #ffffff;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #dee2e6;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
+ color: #495057;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3464,214 +4383,280 @@
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085; }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724; }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404; }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 0px;
+ color: #004085;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #004085;
+}
+.p-inline-message.p-inline-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 0px;
+ color: #155724;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #155724;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 0px;
+ color: #856404;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #856404;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 0px;
+ color: #721c24;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #721c24;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-message.p-message-info .p-message-icon {
- color: #004085; }
- .p-message.p-message-info .p-message-close {
- color: #004085; }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-message.p-message-success .p-message-icon {
- color: #155724; }
- .p-message.p-message-success .p-message-close {
- color: #155724; }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-message.p-message-warn .p-message-icon {
- color: #856404; }
- .p-message.p-message-warn .p-message-close {
- color: #856404; }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-message.p-message-error .p-message-icon {
- color: #721c24; }
- .p-message.p-message-error .p-message-close {
- color: #721c24; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: box-shadow 0.15s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-message.p-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #004085;
+}
+.p-message.p-message-info .p-message-close {
+ color: #004085;
+}
+.p-message.p-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #155724;
+}
+.p-message.p-message-success .p-message-close {
+ color: #155724;
+}
+.p-message.p-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #856404;
+}
+.p-message.p-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-close {
+ color: #721c24;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 1; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24; }
+ opacity: 1;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: box-shadow 0.15s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #721c24;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3680,12 +4665,15 @@
width: 4rem;
height: 4rem;
transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #efefef;
@@ -3693,85 +4681,110 @@
height: 4rem;
transition: box-shadow 0.15s;
border-radius: 4px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #efefef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007bff;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007bff;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #efefef;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #efefef;
+ width: 2rem;
+ height: 2rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #007bff;
@@ -3780,105 +4793,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #212529;
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007bff; }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007bff;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
- transition: box-shadow 0.15s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #efefef; }
+ transition: box-shadow 0.15s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #efefef;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #007bff;
@@ -3886,36 +4926,46 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
- padding: 1.25rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1.25rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
- .p-breadcrumb .p-breadcrumb-chevron:before {
- content: '/'; }
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.p-breadcrumb .p-breadcrumb-chevron:before {
+ content: "/";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 24747beed..0def4a599 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -23,40 +23,50 @@
--surface-800: #343a40;
--surface-900: #212529;
--content-padding:1.25rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.p-error {
- color: #dc3545; }
+ color: #dc3545;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
:root {
--blue-50:#f3f8ff;
@@ -158,537 +168,690 @@
--purple-600:#5e38a4;
--purple-700:#4e2e87;
--purple-800:#3d246a;
- --purple-900:#2c1a4d; }
+ --purple-900:#2c1a4d;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem; }
+ right: 3.107rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #212529;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #212529;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
+ box-shadow: none;
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-datepicker {
padding: 0;
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #efefef; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #efefef;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #efefef; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #883cae;
- background: #883cae; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #ced4da; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #68329e;
- background: #68329e;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #dc3545; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #212529;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.15s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #883cae;
+ background: #883cae;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #ced4da;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #68329e;
+ background: #68329e;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #dc3545;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #efefef; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #883cae; }
+ background-color: #efefef;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #883cae;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #efefef; }
+ background-color: #efefef;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #68329e; }
+ background: #68329e;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #212529;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #212529;
- border-color: #212529; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #212529;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: none; }
+ box-shadow: none;
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #495057;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #495057;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-dropdown-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #efefef; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-editor-container .p-editor-toolbar {
background: #efefef;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #212529; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #212529;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+ border-radius: 4px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #212529;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1.5rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #212529; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #212529; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #212529; }
+ color: #212529;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #212529;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #212529;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #883cae; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #883cae; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #883cae; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #883cae; }
+ color: #883cae;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #883cae;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #883cae;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #883cae;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -697,27 +860,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ced4da; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #883cae; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #883cae; }
- .p-inputswitch.p-invalid {
- border-color: #dc3545; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 4px;
+ transition-duration: 0.15s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ced4da;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #883cae;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #883cae;
+}
+.p-inputswitch.p-invalid {
+ border-color: #dc3545;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: #ced4da; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-inputtext.p-invalid.p-component {
- border-color: #dc3545; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #ced4da;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #dc3545;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: #6c757d;
- transition-duration: 0.15s; }
+ transition-duration: 0.15s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: #495057; }
+ color: #495057;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: #495057; }
+ color: #495057;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #efefef; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #efefef; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #efefef; }
+ background-color: #efefef;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #efefef;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
+ padding: 0.4375rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
+ padding: 0.625rem 0.9375rem;
+}
.p-listbox {
background: #ffffff;
color: #212529;
border: 1px solid #ced4da;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #dc3545;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #efefef; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-password-panel {
padding: 1.25rem;
@@ -1032,236 +1281,305 @@
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none;
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e9ecef; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #dc3545; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffc107; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #28a745; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #e9ecef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #dc3545;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffc107;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #28a745;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #ced4da; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #883cae;
- background: #883cae; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #68329e;
- background: #68329e;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #dc3545; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #212529;
+ border-radius: 50%;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #ced4da;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.15s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #883cae;
+ background: #883cae;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #68329e;
+ background: #68329e;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #dc3545;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #efefef; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #883cae; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #68329e; }
+ background-color: #efefef;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #883cae;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #68329e;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #dc3545; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #883cae; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #dc3545;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #883cae;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #883cae; }
+ color: #883cae;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #dc3545; }
+ color: #dc3545;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
.p-selectbutton .p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #dc3545; }
+ border-color: #dc3545;
+}
.p-slider {
background: #e9ecef;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #883cae;
- border: 2px solid #883cae;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-slider .p-slider-range {
- background: #883cae; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #7a38a7;
- border-color: #7a38a7; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #883cae;
+ border: 2px solid #883cae;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-slider .p-slider-range {
+ background: #883cae;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #7a38a7;
+ border-color: #7a38a7;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #ced4da; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #dc3545; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #ced4da;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.75rem;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.75rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #495057;
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #dc3545;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem; }
+ padding: 0.25rem 0.75rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
- box-shadow: none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent; }
+ box-shadow: none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1.5rem;
+ color: #212529;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #efefef; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #efefef; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #efefef; }
+ background: #efefef;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #efefef;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #efefef;
+}
.p-togglebutton.p-button {
background: #6c757d;
border: 1px solid #6c757d;
color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #dc3545; }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #dc3545;
+}
.p-button {
color: #ffffff;
@@ -1270,364 +1588,465 @@
padding: 0.5rem 0.75rem;
font-size: 1rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: #7a38a7;
- color: #ffffff;
- border-color: #7a38a7; }
- .p-button:enabled:active {
- background: #68329e;
- color: #ffffff;
- border-color: #68329e; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #883cae;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(136, 60, 174, 0.04);
- color: #883cae;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(136, 60, 174, 0.16);
- color: #883cae;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #883cae;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(136, 60, 174, 0.04);
- color: #883cae;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(136, 60, 174, 0.16);
- color: #883cae;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #883cae;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: #7a38a7;
+ color: #ffffff;
+ border-color: #7a38a7;
+}
+.p-button:enabled:active {
+ background: #68329e;
+ color: #ffffff;
+ border-color: #68329e;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #883cae;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(136, 60, 174, 0.04);
+ color: #883cae;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(136, 60, 174, 0.16);
+ color: #883cae;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #883cae;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(136, 60, 174, 0.04);
+ color: #883cae;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(136, 60, 174, 0.16);
+ color: #883cae;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #883cae;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
- border: 1px solid #6c757d; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d; }
+ border: 1px solid #6c757d;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #5a6268;
+ color: #ffffff;
+ border-color: #5a6268;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #545b62;
+ color: #ffffff;
+ border-color: #4e555b;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ color: #6c757d;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6c757d;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(108, 117, 125, 0.04);
+ border-color: transparent;
+ color: #6c757d;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(108, 117, 125, 0.16);
+ border-color: transparent;
+ color: #6c757d;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #17a2b8;
- border: 1px solid #17a2b8; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(23, 162, 184, 0.04);
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(23, 162, 184, 0.16);
- color: #17a2b8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #17a2b8;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(23, 162, 184, 0.04);
- border-color: transparent;
- color: #17a2b8; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(23, 162, 184, 0.16);
- border-color: transparent;
- color: #17a2b8; }
+ border: 1px solid #17a2b8;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #138496;
+ color: #ffffff;
+ border-color: #117a8b;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #138496;
+ color: #ffffff;
+ border-color: #117a8b;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(23, 162, 184, 0.04);
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(23, 162, 184, 0.16);
+ color: #17a2b8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #17a2b8;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(23, 162, 184, 0.04);
+ border-color: transparent;
+ color: #17a2b8;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(23, 162, 184, 0.16);
+ border-color: transparent;
+ color: #17a2b8;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #28a745;
- border: 1px solid #28a745; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #218838;
- color: #ffffff;
- border-color: #1e7e34; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #1e7e34;
- color: #ffffff;
- border-color: #1c7430; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(40, 167, 69, 0.04);
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(40, 167, 69, 0.16);
- color: #28a745;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #28a745;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(40, 167, 69, 0.04);
- border-color: transparent;
- color: #28a745; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(40, 167, 69, 0.16);
- border-color: transparent;
- color: #28a745; }
+ border: 1px solid #28a745;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #218838;
+ color: #ffffff;
+ border-color: #1e7e34;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #1e7e34;
+ color: #ffffff;
+ border-color: #1c7430;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(40, 167, 69, 0.04);
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(40, 167, 69, 0.16);
+ color: #28a745;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #28a745;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(40, 167, 69, 0.04);
+ border-color: transparent;
+ color: #28a745;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(40, 167, 69, 0.16);
+ border-color: transparent;
+ color: #28a745;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #ffc107;
- border: 1px solid #ffc107; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #e0a800;
- color: #212529;
- border-color: #d39e00; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #d39e00;
- color: #212529;
- border-color: #c69500; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- color: #ffc107;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffc107;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- border-color: transparent;
- color: #ffc107; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- border-color: transparent;
- color: #ffc107; }
+ border: 1px solid #ffc107;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #e0a800;
+ color: #212529;
+ border-color: #d39e00;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #d39e00;
+ color: #212529;
+ border-color: #c69500;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ color: #ffc107;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffc107;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ border-color: transparent;
+ color: #ffc107;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ border-color: transparent;
+ color: #ffc107;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #6f42c1;
- border: 1px solid #6f42c1; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #633bad;
- color: #ffffff;
- border-color: #58349a; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #d3c6ec; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #58349a;
- color: #ffffff;
- border-color: #4d2e87; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(111, 66, 193, 0.04);
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(111, 66, 193, 0.16);
- color: #6f42c1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #6f42c1;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(111, 66, 193, 0.04);
- border-color: transparent;
- color: #6f42c1; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(111, 66, 193, 0.16);
- border-color: transparent;
- color: #6f42c1; }
+ border: 1px solid #6f42c1;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #633bad;
+ color: #ffffff;
+ border-color: #58349a;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #d3c6ec;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #58349a;
+ color: #ffffff;
+ border-color: #4d2e87;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(111, 66, 193, 0.04);
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(111, 66, 193, 0.16);
+ color: #6f42c1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #6f42c1;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(111, 66, 193, 0.04);
+ border-color: transparent;
+ color: #6f42c1;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(111, 66, 193, 0.16);
+ border-color: transparent;
+ color: #6f42c1;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #dc3545;
- border: 1px solid #dc3545; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c82333;
- color: #ffffff;
- border-color: #bd2130; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #bd2130;
- color: #ffffff;
- border-color: #b21f2d; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(220, 53, 69, 0.04);
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(220, 53, 69, 0.16);
- color: #dc3545;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #dc3545;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(220, 53, 69, 0.04);
- border-color: transparent;
- color: #dc3545; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(220, 53, 69, 0.16);
- border-color: transparent;
- color: #dc3545; }
+ border: 1px solid #dc3545;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c82333;
+ color: #ffffff;
+ border-color: #bd2130;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #bd2130;
+ color: #ffffff;
+ border-color: #b21f2d;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(220, 53, 69, 0.04);
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(220, 53, 69, 0.16);
+ color: #dc3545;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #dc3545;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(220, 53, 69, 0.04);
+ border-color: transparent;
+ color: #dc3545;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(220, 53, 69, 0.16);
+ border-color: transparent;
+ color: #dc3545;
+}
.p-button.p-button-link {
color: #883cae;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #7a38a7;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #883cae;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #7a38a7;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #883cae;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #883cae;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1694,7 +2125,8 @@
font-weight: 600;
color: #212529;
background: #ffffff;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1702,10 +2134,12 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #883cae;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: #883cae; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #883cae; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #883cae; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #883cae; }
+ color: #883cae;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #883cae;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #883cae;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #883cae;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
- outline-color: rgba(136, 60, 174, 0.5); }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #883cae;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #883cae; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #883cae; }
+ outline-color: rgba(136, 60, 174, 0.5);
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dee2e6;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #883cae;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #883cae;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #883cae;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-datatable .p-column-resizer-helper {
- background: #883cae; }
+ background: #883cae;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #efefef; }
+ background: #efefef;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 2px 1px; }
+ border-width: 1px 1px 2px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.05); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #883cae;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.05);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #883cae;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #212529;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #dee2e6;
- border-width: 1px 0 0 0; }
+ border-width: 1px 0 0 0;
+}
.p-dataview .p-dataview-footer {
background: #efefef;
color: #212529;
@@ -1861,11 +2343,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #883cae;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #883cae;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1913,30 +2405,37 @@
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1.5rem;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.5rem;
@@ -1945,49 +2444,64 @@
background: #efefef;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.fc .fc-view-harness th {
background: #efefef;
border: 1px solid #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #212529;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #7a38a7;
border: 1px solid #7a38a7;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #efefef;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #883cae;
@@ -1996,70 +2510,89 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #7a38a7;
- color: #ffffff;
- border-color: #7a38a7; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #68329e;
- color: #ffffff;
- border-color: #68329e; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #7a38a7;
+ color: #ffffff;
+ border-color: #7a38a7;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #68329e;
+ color: #ffffff;
+ border-color: #68329e;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #6c757d;
+ border: 1px solid #6c757d;
+ color: #ffffff;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #5a6268;
+ border-color: #545b62;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #545b62;
+ border-color: #4e555b;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1.25rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #efefef;
color: #212529;
@@ -2068,61 +2601,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #883cae;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #3e1b4f; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #3e1b4f;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- padding: 1.25rem; }
+ padding: 1.25rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-paginator {
background: #ffffff;
@@ -2130,67 +2678,81 @@
border: solid #dee2e6;
border-width: 0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #883cae; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #883cae;
- border-color: #883cae;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #883cae; }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #883cae;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #883cae;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #883cae;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: #ffffff;
+ border: 1px solid #dee2e6;
+ color: #883cae;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0 0 0 -1px;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #883cae;
+ border-color: #883cae;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #883cae;
+}
.p-picklist .p-picklist-buttons {
- padding: 1.25rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1.25rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #efefef;
color: #212529;
@@ -2199,136 +2761,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 0.5rem 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #883cae; }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ border: 0 none;
+ color: #212529;
+ background: transparent;
+ transition: transform 0.15s, box-shadow 0.15s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #883cae;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #883cae; }
+ background-color: #883cae;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
padding: 1.25rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #883cae;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #495057; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ padding: 0.286rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #883cae;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: #495057;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 1px 0 0 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #efefef;
color: #212529;
border: solid #dee2e6;
border-width: 1px 0 0 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #efefef;
color: #212529;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2337,7 +2934,8 @@
font-weight: 600;
color: #212529;
background: #ffffff;
- transition: box-shadow 0.15s; }
+ transition: box-shadow 0.15s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2345,114 +2943,154 @@
border-width: 1px 0 1px 0;
font-weight: 600;
color: #212529;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: rgba(136, 60, 174, 0.5); }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #883cae;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #883cae; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #883cae; }
+ outline-color: rgba(136, 60, 174, 0.5);
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #883cae;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: #883cae;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #883cae;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #212529;
transition: box-shadow 0.15s;
- outline-color: rgba(136, 60, 174, 0.5); }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #883cae;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: rgba(136, 60, 174, 0.5);
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dee2e6;
+ border-width: 1px 0 0 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #883cae;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #212529; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #212529; }
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #212529;
+}
.p-treetable .p-column-resizer-helper {
- background: #883cae; }
+ background: #883cae;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #efefef; }
+ background: #efefef;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
@@ -2461,27 +3099,33 @@
background: #efefef;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.15s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #efefef;
border-color: #dee2e6;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -2491,97 +3135,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: #212529;
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; }
- .p-card .p-card-body {
- padding: 1.5rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1.5rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: #212529;
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529; }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem 1.25rem;
+ border: 1px solid #dee2e6;
+ color: #212529;
+ background: #efefef;
+ font-weight: 600;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem 1.25rem;
+ color: #212529;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #212529;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1.25rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2589,27 +3263,33 @@
background: #efefef;
color: #212529;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem; }
+ padding: 0.5rem 1.25rem;
+}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -2617,248 +3297,309 @@
color: #212529;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #212529;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #efefef;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 4px;
- color: #212529; }
- .p-splitter .p-splitter-gutter {
- transition: box-shadow 0.15s;
- background: #efefef; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #212529;
+}
+.p-splitter .p-splitter-gutter {
+ transition: box-shadow 0.15s;
+ background: #efefef;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #ffffff #ffffff #dee2e6 #ffffff;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #dee2e6;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
+ color: #495057;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1.25rem;
border: 0 none;
color: #212529;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #efefef;
border: 1px solid #dee2e6;
padding: 1rem 1.25rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
- box-shadow: none; }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2); }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2); }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: none;
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(0, 0, 0, 0);
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: rgba(0, 0, 0, 0.2);
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: none;
- border: 1px solid rgba(0, 0, 0, 0.2); }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #212529;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #e9ecef;
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #e9ecef;
+ background: #ffffff;
+ color: #212529;
+ padding: 1rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
- box-shadow: none; }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #883cae;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #7a38a7;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2); }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2); }
+ box-shadow: none;
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #883cae;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: box-shadow 0.15s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #7a38a7;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(0, 0, 0, 0);
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: rgba(0, 0, 0, 0.2);
+}
.p-sidebar {
background: #ffffff;
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none; }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem; }
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem 1.25rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: box-shadow 0.15s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1.25rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #212529;
color: #ffffff;
padding: 0.5rem 0.75rem;
box-shadow: none;
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #212529; }
+ border-right-color: #212529;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #212529; }
+ border-left-color: #212529;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #212529; }
+ border-top-color: #212529;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #212529; }
+ border-bottom-color: #212529;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #efefef;
@@ -2867,59 +3608,76 @@
color: #212529;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #212529;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #7a38a7;
color: #ffffff;
- border-color: #7a38a7; }
+ border-color: #7a38a7;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #68329e;
color: #ffffff;
- border-color: #68329e; }
+ border-color: #68329e;
+}
.p-breadcrumb {
background: #efefef;
border: 0 none;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #883cae; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #883cae; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #6c757d; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #6c757d; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #883cae;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #883cae;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #6c757d;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #6c757d;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2927,146 +3685,193 @@
color: #212529;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #212529;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3074,227 +3879,299 @@
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #212529;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.5rem 1rem;
background: #efefef;
color: rgba(0, 0, 0, 0.9);
border: 0 none;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.5);
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.5);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.7);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: transparent;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.9);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
+ border-radius: 50%;
transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: transparent; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.9); }
- .p-menubar .p-submenu-list {
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.7);
+ background: transparent;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.15s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.15s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
@@ -3302,31 +4179,39 @@
background: #efefef;
font-weight: 600;
border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ transition: box-shadow 0.15s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #212529; }
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #efefef;
+ border-color: #dee2e6;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 1px solid #dee2e6;
@@ -3337,126 +4222,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #212529;
- border: 1px solid #dee2e6;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #212529;
+ border: 1px solid #dee2e6;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 4px;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #883cae;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #dee2e6;
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid;
+ border-width: 1px;
+ border-color: #ffffff #ffffff #dee2e6 #ffffff;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 0.75rem 1rem;
+ font-weight: 600;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: box-shadow 0.15s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #dee2e6;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
+ color: #495057;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3464,214 +4383,280 @@
color: #212529;
border: 1px solid #dee2e6;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #212529;
+ border-radius: 0;
+ transition: box-shadow 0.15s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ box-shadow: none;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085; }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724; }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404; }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 0px;
+ color: #004085;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #004085;
+}
+.p-inline-message.p-inline-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 0px;
+ color: #155724;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #155724;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 0px;
+ color: #856404;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #856404;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 0px;
+ color: #721c24;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #721c24;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-message.p-message-info .p-message-icon {
- color: #004085; }
- .p-message.p-message-info .p-message-close {
- color: #004085; }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-message.p-message-success .p-message-icon {
- color: #155724; }
- .p-message.p-message-success .p-message-close {
- color: #155724; }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-message.p-message-warn .p-message-icon {
- color: #856404; }
- .p-message.p-message-warn .p-message-close {
- color: #856404; }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-message.p-message-error .p-message-icon {
- color: #721c24; }
- .p-message.p-message-error .p-message-close {
- color: #721c24; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: box-shadow 0.15s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-message.p-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #004085;
+}
+.p-message.p-message-info .p-message-close {
+ color: #004085;
+}
+.p-message.p-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #155724;
+}
+.p-message.p-message-success .p-message-close {
+ color: #155724;
+}
+.p-message.p-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #856404;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #856404;
+}
+.p-message.p-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #721c24;
+}
+.p-message.p-message-error .p-message-close {
+ color: #721c24;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 1; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24; }
+ opacity: 1;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: box-shadow 0.15s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #cce5ff;
+ border: solid #b8daff;
+ border-width: 1px;
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #004085;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #d4edda;
+ border: solid #c3e6cb;
+ border-width: 1px;
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #155724;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #fff3cd;
+ border: solid #ffeeba;
+ border-width: 1px;
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #856404;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8d7da;
+ border: solid #f5c6cb;
+ border-width: 1px;
+ color: #721c24;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #721c24;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3680,12 +4665,15 @@
width: 4rem;
height: 4rem;
transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #efefef;
@@ -3693,85 +4681,110 @@
height: 4rem;
transition: box-shadow 0.15s;
border-radius: 4px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #efefef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #883cae;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #883cae;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #efefef;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 4px; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #efefef;
+ width: 2rem;
+ height: 2rem;
+ transition: box-shadow 0.15s;
+ border-radius: 4px;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #efefef;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #883cae;
@@ -3780,105 +4793,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #212529;
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: box-shadow 0.15s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.75rem;
border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); }
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #e9ecef;
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #883cae; }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #883cae;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 4px;
box-shadow: none;
- transition: box-shadow 0.15s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #efefef; }
+ transition: box-shadow 0.15s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #efefef;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #883cae;
@@ -3886,36 +4926,46 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #212529;
border: 1px solid #dee2e6;
- padding: 1.25rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1.25rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
- .p-breadcrumb .p-breadcrumb-chevron:before {
- content: '/'; }
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+.p-breadcrumb .p-breadcrumb-chevron:before {
+ content: "/";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 6dac18a3e..2122b63b0 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -23,40 +23,50 @@
--surface-800: #1b1a19;
--surface-900: #11100f;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.6; }
+ opacity: 0.6;
+}
.p-error {
- color: #a4252c; }
+ color: #a4252c;
+}
.p-text-secondary {
- color: #605e5c; }
+ color: #605e5c;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 2px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ border-radius: 2px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,534 +168,686 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #323130; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #323130;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #323130;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #edebe9;
+ color: #323130;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #323130;
- background: #f3f2f1; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-datepicker {
padding: 0.75rem;
background: #ffffff;
color: #323130;
border: 1px solid #605e5c;
- border-radius: 2px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0 0.5rem 0.5rem 0.5rem;
- color: #323130;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem; }
- .p-datepicker table td {
- padding: 1px; }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- border: 0 none; }
- .p-datepicker table td > span.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #0078d4;
- color: #ffffff;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #edebe9; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #edebe9;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 1px;
- transition: box-shadow 0.2s;
- border-radius: 2px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #edebe9;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ border-radius: 2px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0 0.5rem 0.5rem 0.5rem;
+ color: #323130;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2rem;
+ height: 2rem;
+}
+.p-datepicker table td {
+ padding: 1px;
+}
+.p-datepicker table td > span {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 2px;
+ transition: box-shadow 0.2s;
+ border: 0 none;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #0078d4;
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #edebe9;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #edebe9;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 1px;
+ transition: box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #edebe9;
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #605e5c;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #323130; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #605e5c; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a4252c; }
+ border-radius: 2px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #605e5c;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #605e5c;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a4252c;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.5rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.5rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #faf9f8; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #faf9f8; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #faf9f8; }
+ background: #faf9f8;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #faf9f8;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #0078d4;
- background: #0078d4; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #323130; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005a9e;
- background: #005a9e;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a4252c; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #605e5c;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #323130;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #0078d4;
+ background: #0078d4;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #323130;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005a9e;
+ background: #005a9e;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a4252c;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #faf9f8; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #0078d4; }
+ background-color: #faf9f8;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #0078d4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #faf9f8; }
+ background-color: #faf9f8;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005a9e; }
+ background: #005a9e;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #323130; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #323130;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #edebe9;
+ color: #323130;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #323130;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #605e5c;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #323130; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #605e5c; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #605e5c;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #a4252c; }
+ border-radius: 2px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #605e5c;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #605e5c;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #605e5c;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a4252c;
+}
.p-dropdown-panel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #605e5c; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem 0.5rem;
+ border-bottom: 1px solid #edebe9;
+ color: #323130;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: #605e5c;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #faf9f8; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #faf9f8; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #faf9f8; }
+ background: #faf9f8;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #faf9f8;
+}
.p-editor-container .p-editor-toolbar {
background: #faf9f8;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #a19f9d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #605e5c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #605e5c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #605e5c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #323130; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #323130;
- background: #f3f2f1; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.5rem; }
+ border-top-left-radius: 2px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #a19f9d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #605e5c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #605e5c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #605e5c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+ border-radius: 2px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #323130;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.75rem 0.5rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #a19f9d; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #a19f9d;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #323130;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #323130; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #323130; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #323130; }
+ color: #323130;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #323130;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #323130;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #0078d4; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #0078d4; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #0078d4; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #0078d4; }
+ color: #0078d4;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #0078d4;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #0078d4;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #0078d4;
+}
.p-inputgroup-addon {
background: #f3f2f1;
@@ -694,27 +856,33 @@
border-left: 1px solid #605e5c;
border-bottom: 1px solid #605e5c;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #605e5c; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #605e5c;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #605e5c;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #0078d4; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #005a9e; }
- .p-inputswitch.p-invalid {
- border-color: #a4252c; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ffffff;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #605e5c;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #0078d4;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #005a9e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a4252c;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #605e5c;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 2px; }
- .p-inputtext:enabled:hover {
- border-color: #323130; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-inputtext.p-invalid.p-component {
- border-color: #a4252c; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 2px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #323130;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a4252c;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: #605e5c;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: #605e5c; }
+ color: #605e5c;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: #605e5c; }
+ color: #605e5c;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: #605e5c; }
+ color: #605e5c;
+}
:-moz-placeholder {
- color: #605e5c; }
+ color: #605e5c;
+}
::-moz-placeholder {
- color: #605e5c; }
+ color: #605e5c;
+}
:-ms-input-placeholder {
- color: #605e5c; }
+ color: #605e5c;
+}
.p-input-filled .p-inputtext {
- background-color: #faf9f8; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #faf9f8; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #faf9f8; }
+ background-color: #faf9f8;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #faf9f8;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #ffffff;
color: #323130;
border: 1px solid #605e5c;
- border-radius: 2px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #605e5c; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1; }
- .p-listbox.p-invalid {
- border-color: #a4252c; }
+ border-radius: 2px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem 0.5rem;
+ border-bottom: 1px solid #edebe9;
+ color: #323130;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: #605e5c;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ border: 1px solid transparent;
+ color: #323130;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-listbox.p-invalid {
+ border-color: #a4252c;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #605e5c;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #323130; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #605e5c; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #a4252c; }
+ border-radius: 2px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #605e5c;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #edebe9;
+ color: #323130;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #605e5c;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a4252c;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #605e5c; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem 0.5rem;
+ border-bottom: 1px solid #edebe9;
+ color: #323130;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: #605e5c;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #faf9f8; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #faf9f8; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #faf9f8; }
+ background: #faf9f8;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #faf9f8;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: #323130;
border: 0 none;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #edebe9; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d13438; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffaa44; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #498205; }
+ border-radius: 2px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #edebe9;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #d13438;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffaa44;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #498205;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #323130; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #0078d4; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #0078d4;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005a9e;
- background: #ffffff;
- color: #005a9e; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a4252c; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #605e5c;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #323130;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #323130;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #0078d4;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #0078d4;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005a9e;
+ background: #ffffff;
+ color: #005a9e;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a4252c;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #faf9f8; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #faf9f8; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: #faf9f8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #323130;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #a4252c; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #323130; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #a4252c;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #323130;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #0078d4; }
+ color: #0078d4;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #a4252c; }
+ color: #a4252c;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #605e5c;
color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #605e5c; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #605e5c; }
- .p-selectbutton .p-button.p-highlight {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #323130; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #323130; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #605e5c;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f3f2f1;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #605e5c;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #323130;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #323130;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #a4252c; }
+ border-color: #a4252c;
+}
.p-slider {
background: #c8c6c4;
border: 0 none;
- border-radius: 2px; }
- .p-slider.p-slider-horizontal {
- height: 4px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -8px;
- margin-left: -8px; }
- .p-slider.p-slider-vertical {
- width: 4px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -8px;
- margin-bottom: -8px; }
- .p-slider .p-slider-handle {
- height: 16px;
- width: 16px;
- background: #ffffff;
- border: 2px solid #605e5c;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-slider .p-slider-range {
- background: #605e5c; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #ffffff;
- border-color: #005a9e; }
+ border-radius: 2px;
+}
+.p-slider.p-slider-horizontal {
+ height: 4px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -8px;
+ margin-left: -8px;
+}
+.p-slider.p-slider-vertical {
+ width: 4px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -8px;
+ margin-bottom: -8px;
+}
+.p-slider .p-slider-handle {
+ height: 16px;
+ width: 16px;
+ background: #ffffff;
+ border: 2px solid #605e5c;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-slider .p-slider-range {
+ background: #605e5c;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #ffffff;
+ border-color: #005a9e;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #605e5c;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #323130; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #605e5c; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #a4252c; }
+ border-radius: 2px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #323130;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #605e5c;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #edebe9;
+ color: #323130;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #605e5c;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a4252c;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #faf9f8; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #faf9f8; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #faf9f8; }
+ background: #faf9f8;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #faf9f8;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #faf9f8;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #605e5c;
color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #605e5c; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #605e5c; }
- .p-togglebutton.p-button.p-highlight {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #323130; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #323130; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #a4252c; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #605e5c;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f3f2f1;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #605e5c;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #323130;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #323130;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a4252c;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-button:enabled:hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe; }
- .p-button:enabled:active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #0078d4;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #605e5c;
- border-color: #605e5c; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #f3f2f1;
- color: #605e5c; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #edebe9;
- color: #605e5c; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #0078d4;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #605e5c; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #f3f2f1;
- color: #605e5c; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #edebe9;
- color: #605e5c; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #0078d4;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 2px;
+}
+.p-button:enabled:hover {
+ background: #106ebe;
+ color: #ffffff;
+ border-color: #106ebe;
+}
+.p-button:enabled:active {
+ background: #005a9e;
+ color: #ffffff;
+ border-color: #005a9e;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0078d4;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 120, 212, 0.04);
+ color: #0078d4;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 120, 212, 0.16);
+ color: #0078d4;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #605e5c;
+ border-color: #605e5c;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #f3f2f1;
+ color: #605e5c;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #edebe9;
+ color: #605e5c;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #0078d4;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 120, 212, 0.04);
+ color: #0078d4;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 120, 212, 0.16);
+ color: #0078d4;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #605e5c;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #f3f2f1;
+ color: #605e5c;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #edebe9;
+ color: #605e5c;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #0078d4;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #d45c00;
- border: 1px solid #d45c00; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #bf5300;
- color: #ffffff;
- border-color: #bf5300; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffbc88; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #aa4a00;
- color: #ffffff;
- border-color: #aa4a00; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d45c00;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(212, 92, 0, 0.04);
- color: #d45c00;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(212, 92, 0, 0.16);
- color: #d45c00;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #d45c00;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(212, 92, 0, 0.04);
- border-color: transparent;
- color: #d45c00; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(212, 92, 0, 0.16);
- border-color: transparent;
- color: #d45c00; }
+ border: 1px solid #d45c00;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #bf5300;
+ color: #ffffff;
+ border-color: #bf5300;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffbc88;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #aa4a00;
+ color: #ffffff;
+ border-color: #aa4a00;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #d45c00;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(212, 92, 0, 0.04);
+ color: #d45c00;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(212, 92, 0, 0.16);
+ color: #d45c00;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #d45c00;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(212, 92, 0, 0.04);
+ border-color: transparent;
+ color: #d45c00;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(212, 92, 0, 0.16);
+ border-color: transparent;
+ color: #d45c00;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #00b7c3;
- border: 1px solid #00b7c3; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #00a5b0;
- color: #ffffff;
- border-color: #00a5b0; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #81f7ff; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #00929c;
- color: #ffffff;
- border-color: #00929c; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #00b7c3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 183, 195, 0.04);
- color: #00b7c3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 183, 195, 0.16);
- color: #00b7c3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #00b7c3;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(0, 183, 195, 0.04);
- border-color: transparent;
- color: #00b7c3; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(0, 183, 195, 0.16);
- border-color: transparent;
- color: #00b7c3; }
+ border: 1px solid #00b7c3;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #00a5b0;
+ color: #ffffff;
+ border-color: #00a5b0;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #81f7ff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #00929c;
+ color: #ffffff;
+ border-color: #00929c;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #00b7c3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 183, 195, 0.04);
+ color: #00b7c3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 183, 195, 0.16);
+ color: #00b7c3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #00b7c3;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 183, 195, 0.04);
+ border-color: transparent;
+ color: #00b7c3;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 183, 195, 0.16);
+ border-color: transparent;
+ color: #00b7c3;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #498205;
- border: 1px solid #498205; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #427505;
- color: #ffffff;
- border-color: #427505; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #baf96f; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #3a6804;
- color: #ffffff;
- border-color: #3a6804; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #498205;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(73, 130, 5, 0.04);
- color: #498205;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(73, 130, 5, 0.16);
- color: #498205;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #498205;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(73, 130, 5, 0.04);
- border-color: transparent;
- color: #498205; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(73, 130, 5, 0.16);
- border-color: transparent;
- color: #498205; }
+ border: 1px solid #498205;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #427505;
+ color: #ffffff;
+ border-color: #427505;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #baf96f;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #3a6804;
+ color: #ffffff;
+ border-color: #3a6804;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #498205;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(73, 130, 5, 0.04);
+ color: #498205;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(73, 130, 5, 0.16);
+ color: #498205;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #498205;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(73, 130, 5, 0.04);
+ border-color: transparent;
+ color: #498205;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(73, 130, 5, 0.16);
+ border-color: transparent;
+ color: #498205;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #323130;
background: #ffaa44;
- border: 1px solid #ffaa44; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ff9b24;
- color: #323130;
- border-color: #ff9b24; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffddb4; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ff8d03;
- color: #323130;
- border-color: #ff8d03; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffaa44;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 170, 68, 0.04);
- color: #ffaa44;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 170, 68, 0.16);
- color: #ffaa44;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffaa44;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 170, 68, 0.04);
- border-color: transparent;
- color: #ffaa44; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 170, 68, 0.16);
- border-color: transparent;
- color: #ffaa44; }
+ border: 1px solid #ffaa44;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ff9b24;
+ color: #323130;
+ border-color: #ff9b24;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffddb4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ff8d03;
+ color: #323130;
+ border-color: #ff8d03;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffaa44;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 170, 68, 0.04);
+ color: #ffaa44;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 170, 68, 0.16);
+ color: #ffaa44;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffaa44;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 170, 68, 0.04);
+ border-color: transparent;
+ color: #ffaa44;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 170, 68, 0.16);
+ border-color: transparent;
+ color: #ffaa44;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #8378de;
- border: 1px solid #8378de; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #6a5dd7;
- color: #ffffff;
- border-color: #6a5dd7; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #cdc9f2; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #5141d1;
- color: #ffffff;
- border-color: #5141d1; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #8378de;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(131, 120, 222, 0.04);
- color: #8378de;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(131, 120, 222, 0.16);
- color: #8378de;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #8378de;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(131, 120, 222, 0.04);
- border-color: transparent;
- color: #8378de; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(131, 120, 222, 0.16);
- border-color: transparent;
- color: #8378de; }
+ border: 1px solid #8378de;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #6a5dd7;
+ color: #ffffff;
+ border-color: #6a5dd7;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #cdc9f2;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #5141d1;
+ color: #ffffff;
+ border-color: #5141d1;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #8378de;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(131, 120, 222, 0.04);
+ color: #8378de;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(131, 120, 222, 0.16);
+ color: #8378de;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #8378de;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(131, 120, 222, 0.04);
+ border-color: transparent;
+ color: #8378de;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(131, 120, 222, 0.16);
+ border-color: transparent;
+ color: #8378de;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #d13438;
- border: 1px solid #d13438; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c02b2f;
- color: #ffffff;
- border-color: #c02b2f; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #edaeaf; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #aa272a;
- color: #ffffff;
- border-color: #aa272a; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d13438;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(209, 52, 56, 0.04);
- color: #d13438;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(209, 52, 56, 0.16);
- color: #d13438;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d13438;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(209, 52, 56, 0.04);
- border-color: transparent;
- color: #d13438; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(209, 52, 56, 0.16);
- border-color: transparent;
- color: #d13438; }
+ border: 1px solid #d13438;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c02b2f;
+ color: #ffffff;
+ border-color: #c02b2f;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #edaeaf;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #aa272a;
+ color: #ffffff;
+ border-color: #aa272a;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #d13438;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(209, 52, 56, 0.04);
+ color: #d13438;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(209, 52, 56, 0.16);
+ color: #d13438;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #d13438;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(209, 52, 56, 0.04);
+ border-color: transparent;
+ color: #d13438;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(209, 52, 56, 0.16);
+ border-color: transparent;
+ color: #d13438;
+}
.p-button.p-button-link {
color: #0078d4;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #005a9e;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 1px #605e5c;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #0078d4;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005a9e;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 1px #605e5c;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #0078d4;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #c8c6c4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #e1dfdd; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #edebe9;
- color: #323130; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #c8c6c4;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #e1dfdd;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #edebe9;
+ color: #323130;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #ffffff;
color: #323130;
border: 1px solid #f3f2f1;
border-width: 1px 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #323130;
border: 1px solid #f3f2f1;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: #323130;
background: #ffffff;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #323130;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #605e5c;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #323130;
background: #edebe9;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #f3f2f1;
- color: #323130; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c; }
+ color: #323130;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #605e5c;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #edebe9;
- color: #323130; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #f3f2f1;
- color: #323130; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #323130; }
+ color: #323130;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #323130;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #323130;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #605e5c;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #323130;
transition: box-shadow 0.2s;
- outline-color: #605e5c; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #edebe9; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #edebe9; }
+ outline-color: #605e5c;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #f3f2f1;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #edebe9;
+ color: #323130;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #edebe9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #edebe9;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #f3f2f1;
- color: #323130; }
+ color: #323130;
+}
.p-datatable .p-column-resizer-helper {
- background: #0078d4; }
+ background: #0078d4;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #faf9f8; }
+ background: #faf9f8;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #faf9f8; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #edebe9;
- color: #323130; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #323130; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #323130; }
+ background: #faf9f8;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #edebe9;
+ color: #323130;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #323130;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #323130;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #ffffff;
color: #323130;
border: 1px solid #f3f2f1;
border-width: 1px 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #323130;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #f3f2f1;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #323130;
@@ -1852,11 +2331,13 @@
padding: 0.75rem 0.75rem;
font-weight: 600;
border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f3f2f1;
- color: #605e5c; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #edebe9;
- color: #323130; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: #f3f2f1;
+ color: #605e5c;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #edebe9;
+ color: #323130;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 0 none;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #323130;
- background: #edebe9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 0.5rem;
@@ -1936,49 +2432,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #edebe9; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #edebe9;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #faf9f8;
border: 1px solid #a19f9d;
- color: #323130; }
+ color: #323130;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #a19f9d;
color: #323130;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #a19f9d;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #0078d4;
border: 1px solid #0078d4;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #faf9f8;
border: 1px solid #a19f9d;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #a19f9d; }
+ border: 1px solid #a19f9d;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #0078d4;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid #605e5c;
- color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #106ebe;
+ color: #ffffff;
+ border-color: #106ebe;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #005a9e;
+ color: #ffffff;
+ border-color: #005a9e;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid #605e5c;
+ color: #323130;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #f3f2f1;
+ border-color: #605e5c;
+ color: #323130;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #edebe9;
+ border-color: #605e5c;
+ color: #323130;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #faf9f8;
color: #323130;
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
padding: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #323130;
- background: #edebe9; }
+ border-bottom-left-radius: 2px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.75rem 0.5rem;
+ margin: 0;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #f3f2f1;
- color: #323130; }
+ color: #323130;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #edebe9;
- color: #323130; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #b4aba3; }
+ color: #323130;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #b4aba3;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #a19f9d; }
+ background: #a19f9d;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #a19f9d;
- border-color: #a19f9d; }
+ border-color: #a19f9d;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #a19f9d;
- border-color: #a19f9d; }
+ border-color: #a19f9d;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #f3f2f1;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 2px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: transparent;
- color: #323130; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #edebe9;
- border-color: #edebe9;
- color: #323130; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: transparent;
- color: #323130; }
+ border-radius: 2px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #605e5c;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 2px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #f3f2f1;
+ border-color: transparent;
+ color: #323130;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #605e5c;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #605e5c;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #edebe9;
+ border-color: #edebe9;
+ color: #323130;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #f3f2f1;
+ border-color: transparent;
+ color: #323130;
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #faf9f8;
color: #323130;
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
padding: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #323130;
- background: #edebe9; }
+ border-bottom-left-radius: 2px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.75rem 0.5rem;
+ margin: 0;
+ border: 1px solid transparent;
+ color: #323130;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #323130;
+ background: #edebe9;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #0078d4; }
+ background-color: #0078d4;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #a19f9d; }
+ background-color: #a19f9d;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
padding: 1rem;
- border-radius: 2px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 2px;
- transition: box-shadow 0.2s;
- padding: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #605e5c; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #323130; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #edebe9;
- color: #323130; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #323130; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #323130; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #605e5c; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 2px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 2px;
+ transition: box-shadow 0.2s;
+ padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #605e5c;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #323130;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #edebe9;
+ color: #323130;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #323130;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #323130;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: #605e5c;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #ffffff;
color: #323130;
border: 1px solid #f3f2f1;
border-width: 1px 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #323130;
border: 1px solid #f3f2f1;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: #323130;
background: #ffffff;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #323130;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: #605e5c; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #605e5c;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #323130;
- background: #edebe9;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #edebe9;
- color: #323130; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130; }
+ outline-color: #605e5c;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #605e5c;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #323130;
+ background: #edebe9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #605e5c;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #edebe9;
+ color: #323130;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #323130;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #323130;
transition: box-shadow 0.2s;
- outline-color: #605e5c; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #323130; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #323130; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #323130; }
+ outline-color: #605e5c;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #f3f2f1;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #323130;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #edebe9;
+ color: #323130;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #323130;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #323130;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #f3f2f1;
- color: #323130; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #323130; }
+ color: #323130;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #323130;
+}
.p-treetable .p-column-resizer-helper {
- background: #0078d4; }
+ background: #0078d4;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #faf9f8; }
+ background: #faf9f8;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #faf9f8;
font-weight: 600;
border-radius: 2px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f3f2f1;
border-color: #a19f9d;
- color: #323130; }
+ color: #323130;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #faf9f8;
border-color: #a19f9d;
color: #323130;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #a19f9d;
background: #f3f2f1;
- color: #323130; }
+ color: #323130;
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #a19f9d;
@@ -2482,79 +3123,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 4px; }
+ margin-bottom: 4px;
+}
.p-card {
background: #ffffff;
color: #323130;
box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
- border-radius: 2px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #605e5c; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 2px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #605e5c;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
- border-radius: 2px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- font-weight: 600;
- border-radius: 2px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #323130;
- border-radius: 2px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130; }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 2px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #a19f9d;
+ color: #323130;
+ background: #faf9f8;
+ font-weight: 600;
+ border-radius: 2px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: #323130;
+ border-radius: 2px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #f3f2f1;
+ border-color: #a19f9d;
+ color: #323130;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #edebe9; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #edebe9;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #edebe9; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #edebe9;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #a19f9d;
@@ -2562,27 +3226,33 @@
background: #faf9f8;
color: #323130;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ border-top-left-radius: 2px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #a19f9d;
@@ -2590,248 +3260,309 @@
color: #323130;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #a19f9d;
background: #ffffff;
color: #323130;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f3f2f1;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #a19f9d;
background: #ffffff;
border-radius: 2px;
- color: #323130; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #faf9f8; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #edebe9; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #edebe9; }
+ color: #323130;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #faf9f8;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #edebe9;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #edebe9;
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 0 none;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #a19f9d;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: #605e5c;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: box-shadow 0.2s;
+ margin: 0 0.5rem -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #f3f2f1;
+ border-color: transparent;
+ color: #605e5c;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #0078d4;
+ color: #323130;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: #323130;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-toolbar {
background: #faf9f8;
border: 1px solid #a19f9d;
padding: 1rem;
- border-radius: 2px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 2px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 1.5rem;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: #323130;
+ padding: 1.5rem;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #323130;
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: #323130;
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #323130;
border: 0 none;
border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #0078d4;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #106ebe;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #0078d4;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #106ebe;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: #323130;
border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px; }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #605e5c;
+ border: 0 none;
+ background: transparent;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #605e5c;
+ border-color: transparent;
+ background: #f3f2f1;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #ffffff;
color: #323130;
padding: 0.5rem 0.5rem;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px; }
+ border-radius: 2px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #ffffff; }
+ border-right-color: #ffffff;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #ffffff; }
+ border-left-color: #ffffff;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #ffffff; }
+ border-top-color: #ffffff;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #ffffff; }
+ border-bottom-color: #ffffff;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #faf9f8;
@@ -2840,59 +3571,76 @@
color: #323130;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ border-top-left-radius: 2px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #a19f9d;
color: #323130;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-fileupload .p-progressbar {
- height: 2px; }
+ height: 2px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #106ebe;
color: #ffffff;
- border-color: #106ebe; }
+ border-color: #106ebe;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #005a9e;
color: #ffffff;
- border-color: #005a9e; }
+ border-color: #005a9e;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 2px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 2px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #0078d4; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #323130; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #323130; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #0078d4; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #323130;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #323130;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #0078d4;
+}
.p-contextmenu {
padding: 0;
@@ -2900,146 +3648,193 @@
color: #323130;
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #edebe9; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #edebe9;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #323130;
border: 1px solid #eeeeee;
- border-radius: 2px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #edebe9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #edebe9; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 2px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 2px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #edebe9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #323130;
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #edebe9;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3047,227 +3842,299 @@
color: #323130;
border: 1px solid #eeeeee;
border-radius: 2px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 0.5rem;
+ color: #0078d4;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #323130;
border: 1px solid #eeeeee;
- border-radius: 2px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
+ border-radius: 2px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 2px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #edebe9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #edebe9;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #0078d4;
border-radius: 2px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #edebe9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-submenu-list {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #0078d4;
+ background: #f3f2f1;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #edebe9; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #0078d4;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #0078d4;
- background: #f3f2f1; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #a19f9d;
@@ -3275,31 +4142,39 @@
background: #faf9f8;
font-weight: 600;
border-radius: 2px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #f3f2f1;
border-color: #a19f9d;
- color: #323130; }
+ color: #323130;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #faf9f8;
- border-color: #a19f9d;
- color: #323130;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #a19f9d;
- background: #f3f2f1;
- color: #323130; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #faf9f8;
+ border-color: #a19f9d;
+ color: #323130;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #a19f9d;
+ background: #f3f2f1;
+ color: #323130;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #a19f9d;
@@ -3310,109 +4185,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 2px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 4px; }
+ margin-bottom: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 2px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #323130;
- border: 1px solid #f3f2f1;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #605e5c; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #323130;
+ border: 1px solid #f3f2f1;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #605e5c;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #edebe9;
- color: #323130; }
+ color: #323130;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #323130; }
+ color: #323130;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #edebe9;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 0 none;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #a19f9d;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: #605e5c;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: box-shadow 0.2s;
+ margin: 0 0.5rem -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #f3f2f1;
+ border-color: transparent;
+ color: #605e5c;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #0078d4;
+ color: #323130;
+}
.p-tieredmenu {
padding: 0;
@@ -3420,214 +4322,280 @@
color: #323130;
border: 1px solid #eeeeee;
border-radius: 2px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #edebe9; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #323130; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #0078d4; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ color: #323130;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #f3f2f1;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #323130;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #0078d4;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #0078d4;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #edebe9;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #edebe9;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 2px; }
- .p-inline-message.p-inline-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0px;
- color: #323130; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #605e5c; }
- .p-inline-message.p-inline-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0px;
- color: #323130; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #107c10; }
- .p-inline-message.p-inline-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0px;
- color: #323130; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #797775; }
- .p-inline-message.p-inline-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0px;
- color: #323130; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #a80000; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 90%; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 2px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #f3f2f1;
+ border: 0 none;
+ border-width: 0px;
+ color: #323130;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #605e5c;
+}
+.p-inline-message.p-inline-message-success {
+ background: #dff6dd;
+ border: 0 none;
+ border-width: 0px;
+ color: #323130;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #107c10;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #fff4ce;
+ border: 0 none;
+ border-width: 0px;
+ color: #323130;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #797775;
+}
+.p-inline-message.p-inline-message-error {
+ background: #fde7e9;
+ border: 0 none;
+ border-width: 0px;
+ color: #323130;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #a80000;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 90%;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 2px; }
- .p-message .p-message-wrapper {
- padding: 0.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-message.p-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-message.p-message-info .p-message-icon {
- color: #605e5c; }
- .p-message.p-message-info .p-message-close {
- color: #605e5c; }
- .p-message.p-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-message.p-message-success .p-message-icon {
- color: #107c10; }
- .p-message.p-message-success .p-message-close {
- color: #107c10; }
- .p-message.p-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-message.p-message-warn .p-message-icon {
- color: #797775; }
- .p-message.p-message-warn .p-message-close {
- color: #797775; }
- .p-message.p-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-message.p-message-error .p-message-icon {
- color: #a80000; }
- .p-message.p-message-error .p-message-close {
- color: #a80000; }
- .p-message .p-message-text {
- font-size: 90%;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
+ border-radius: 2px;
+}
+.p-message .p-message-wrapper {
+ padding: 0.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 2px;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-message.p-message-info {
+ background: #f3f2f1;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #605e5c;
+}
+.p-message.p-message-info .p-message-close {
+ color: #605e5c;
+}
+.p-message.p-message-success {
+ background: #dff6dd;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #107c10;
+}
+.p-message.p-message-success .p-message-close {
+ color: #107c10;
+}
+.p-message.p-message-warn {
+ background: #fff4ce;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #797775;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #797775;
+}
+.p-message.p-message-error {
+ background: #fde7e9;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #a80000;
+}
+.p-message.p-message-error .p-message-close {
+ color: #a80000;
+}
+.p-message .p-message-text {
+ font-size: 90%;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- 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);
- border-radius: 2px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.5rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.25rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 600; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.25rem;
- height: 1.25rem;
- border-radius: 2px;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #605e5c; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #107c10; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #797775; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #a80000; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ 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);
+ border-radius: 2px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 0.5rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 1.25rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 600;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 2px;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #f3f2f1;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #605e5c;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #dff6dd;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #107c10;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #fff4ce;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #797775;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #fde7e9;
+ border: 0 none;
+ border-width: 0 0 0 6px;
+ color: #323130;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #a80000;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3636,12 +4604,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #faf9f8;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #faf9f8;
@@ -3649,85 +4620,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 2px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #faf9f8;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #faf9f8;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #c8c6c4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #e1dfdd; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #edebe9;
- color: #323130; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #c8c6c4;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #e1dfdd;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #edebe9;
+ color: #323130;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #edebe9;
- color: #323130; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #edebe9;
+ color: #323130;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #faf9f8;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #faf9f8;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #faf9f8;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #edebe9;
- border-radius: 2px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 2px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #0078d4;
@@ -3736,105 +4732,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #d45c00;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #498205;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #00b7c3;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffaa44;
- color: #323130; }
- .p-badge.p-badge-danger {
- background-color: #d13438;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #d45c00;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #498205;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #00b7c3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffaa44;
+ color: #323130;
+}
+.p-badge.p-badge-danger {
+ background-color: #d13438;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #edebe9;
color: #323130;
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 2px;
- 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 {
- background: #f3f2f1;
- color: #323130; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c; }
+ 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 {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
.p-progressbar {
border: 0 none;
height: 2px;
background: #edebe9;
- border-radius: 2px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #0078d4; }
- .p-progressbar .p-progressbar-label {
- color: #323130;
- line-height: 2px; }
+ border-radius: 2px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #0078d4;
+}
+.p-progressbar .p-progressbar-label {
+ color: #323130;
+ line-height: 2px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #faf9f8; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #faf9f8;
+}
.p-skeleton {
background-color: #edebe9;
- border-radius: 2px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 2px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #0078d4;
@@ -3842,142 +4865,192 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 2px; }
- .p-tag.p-tag-success {
- background-color: #498205;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #00b7c3;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffaa44;
- color: #323130; }
- .p-tag.p-tag-danger {
- background-color: #d13438;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 2px;
+}
+.p-tag.p-tag-success {
+ background-color: #498205;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #00b7c3;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffaa44;
+ color: #323130;
+}
+.p-tag.p-tag-danger {
+ background-color: #d13438;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #323130;
border: 1px solid #a19f9d;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-button-label {
- font-weight: 600; }
+ font-weight: 600;
+}
.p-slider:not(.p-disabled):hover {
- background-color: #deecf9; }
- .p-slider:not(.p-disabled):hover .p-slider-range {
- background-color: #0078d4; }
- .p-slider:not(.p-disabled):hover .p-slider-handle {
- border-color: #005a9e; }
+ background-color: #deecf9;
+}
+.p-slider:not(.p-disabled):hover .p-slider-range {
+ background-color: #0078d4;
+}
+.p-slider:not(.p-disabled):hover .p-slider-handle {
+ border-color: #005a9e;
+}
.p-inputswitch {
width: 40px;
- height: 20px; }
- .p-inputswitch .p-inputswitch-slider {
- border: 1px solid #605e5c; }
- .p-inputswitch .p-inputswitch-slider:before {
- width: 12px;
- height: 12px;
- margin-top: -6px; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #323130; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #323130; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #0078d4; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #ffffff; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- border-color: #0078d4; }
+ height: 20px;
+}
+.p-inputswitch .p-inputswitch-slider {
+ border: 1px solid #605e5c;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ width: 12px;
+ height: 12px;
+ margin-top: -6px;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ border-color: #323130;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
+ background-color: #323130;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ border-color: #0078d4;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
+ background-color: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ border-color: #0078d4;
+}
.p-datepicker .p-datepicker-header .p-datepicker-title {
order: 1;
- margin: 0 auto 0 0; }
+ margin: 0 auto 0 0;
+}
.p-datepicker .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before {
- content: "\e919"; }
+ order: 2;
+}
+.p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before {
+ content: "";
+}
.p-datepicker .p-datepicker-next {
order: 3;
- font-size: 90%; }
- .p-datepicker .p-datepicker-next .p-datepicker-next-icon:before {
- content: "\e91c"; }
+ font-size: 90%;
+}
+.p-datepicker .p-datepicker-next .p-datepicker-next-icon:before {
+ content: "";
+}
.p-datepicker .p-datepicker-buttonbar {
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-datepicker .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-timepicker span {
- font-size: 90%; }
- .p-datepicker .p-timepicker .pi-chevron-up:before {
- content: "\e91c"; }
- .p-datepicker .p-timepicker .pi-chevron-down:before {
- content: "\e919"; }
+ border-top: 0 none;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 90%;
+}
+.p-datepicker .p-timepicker .pi-chevron-up:before {
+ content: "";
+}
+.p-datepicker .p-timepicker .pi-chevron-down:before {
+ content: "";
+}
.p-datepicker table {
- font-size: 90%; }
- .p-datepicker table td.p-datepicker-today > span {
- border-radius: 50%; }
+ font-size: 90%;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ border-radius: 50%;
+}
.p-datepicker .p-datepicker-buttonbar .p-button {
font-size: 90%;
- color: #323130; }
- .p-datepicker .p-datepicker-buttonbar .p-button .p-button-label {
- font-weight: 400; }
- .p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover {
- color: #323130;
- background-color: #f3f2f1; }
+ color: #323130;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button .p-button-label {
+ font-weight: 400;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover {
+ color: #323130;
+ background-color: #f3f2f1;
+}
.p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: .5rem 0; }
+ padding: 0.5rem 0;
+}
.p-datatable {
- font-size: 90%; }
+ font-size: 90%;
+}
.p-toast {
- font-size: 90%; }
- .p-toast .p-toast-icon-close-icon {
- font-size: 90%; }
+ font-size: 90%;
+}
+.p-toast .p-toast-icon-close-icon {
+ font-size: 90%;
+}
.p-message {
- font-size: 90%; }
- .p-message .p-message-close .p-message-close-icon {
- font-size: 90%; }
+ font-size: 90%;
+}
+.p-message .p-message-close .p-message-close-icon {
+ font-size: 90%;
+}
.p-tooltip .p-tooltip-text {
- font-size: 90%; }
+ font-size: 90%;
+}
.p-component .p-menu-separator {
- border-color: #eeeeee; }
+ border-color: #eeeeee;
+}
.p-submenu-icon {
- color: #605e5c !important; }
+ color: #605e5c !important;
+}
.p-menuitem-active .p-submenu-icon {
- color: #323130 !important; }
+ color: #323130 !important;
+}
.p-progressbar-label {
- display: none !important; }
+ display: none !important;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #0078d4; }
+ background-color: #0078d4;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #0078d4; }
+ background-color: #0078d4;
+}
.p-inputtext:disabled {
background-color: #f3f2f1;
border-color: #f3f2f1;
color: #a19f9d;
opacity: 1;
- user-select: none; }
+ user-select: none;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #0078d4; }
+ box-shadow: inset 0 0 0 1px #0078d4;
+}
.p-checkbox .p-checkbox-box.p-disabled,
.p-radiobutton .p-radiobutton-box.p-disabled,
@@ -3987,12 +5060,14 @@
border-color: #f3f2f1;
color: #a19f9d;
opacity: 1;
- user-select: none; }
+ user-select: none;
+}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus,
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4; }
+ box-shadow: inset 0 0 0 1px #0078d4;
+}
.p-dropdown.p-disabled,
.p-multiselect.p-disabled {
@@ -4000,17 +5075,21 @@
border-color: #f3f2f1;
color: #a19f9d;
opacity: 1;
- user-select: none; }
- .p-dropdown.p-disabled .p-dropdown-label,
- .p-dropdown.p-disabled .p-dropdown-trigger-icon,
- .p-multiselect.p-disabled .p-dropdown-label,
- .p-multiselect.p-disabled .p-dropdown-trigger-icon {
- color: #a19f9d; }
+ user-select: none;
+}
+.p-dropdown.p-disabled .p-dropdown-label,
+.p-dropdown.p-disabled .p-dropdown-trigger-icon,
+.p-multiselect.p-disabled .p-dropdown-label,
+.p-multiselect.p-disabled .p-dropdown-trigger-icon {
+ color: #a19f9d;
+}
.p-dropdown:not(.p-disabled).p-focus,
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4; }
+ box-shadow: inset 0 0 0 1px #0078d4;
+}
.p-inputswitch.p-focus .p-inputswitch-slider {
box-shadow: none;
outline: 1px solid #605e5c;
- outline-offset: 2px; }
+ outline-offset: 2px;
+}
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 8b3eca67a..8c320064c 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4d4d4d;
--surface-900: #535353;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #e57373; }
+ color: #e57373;
+}
.p-text-secondary {
- color: #888888; }
+ color: #888888;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-autocomplete-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-datepicker {
padding: 0.857rem;
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #FFCA28;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #FFCA28;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-cascadeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFE082;
- background: #FFE082; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFE082; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #FFCA28;
- background: #FFCA28;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #e57373; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #FFE082;
+ background: #FFE082;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #FFE082;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFE082; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #FFE082;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #FFCA28; }
+ background: #FFCA28;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-dropdown-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-editor-container .p-editor-toolbar {
background: #191919;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede; }
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #FFE082; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #FFE082; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #FFE082; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #FFE082; }
+ color: #FFE082;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #FFE082;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #FFE082;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #FFE082;
+}
.p-inputgroup-addon {
background: #252525;
@@ -697,27 +860,33 @@
border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #323232;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFE082; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #FFD54F; }
- .p-inputswitch.p-invalid {
- border-color: #e57373; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #FFE082;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #323232;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #FFD54F;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #FFE082; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-inputtext.p-invalid.p-component {
- border-color: #e57373; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #FFE082;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #9b9b9b;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
::-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-ms-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
.p-input-filled .p-inputtext {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-listbox.p-invalid {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
.p-multiselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #E57373; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFB74D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #AED581; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFE082; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFE082;
- background: #FFE082; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #FFCA28;
- background: #FFCA28;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #e57373; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #FFE082;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #FFE082;
+ background: #FFE082;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #FFE082; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #FFCA28; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #FFE082;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #FFCA28;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #FFE082; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #FFE082;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #FFE082; }
+ color: #FFE082;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #212529; }
+ color: #212529;
+}
.p-selectbutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #888888; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-selectbutton .p-button.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-slider {
background: #4b4b4b;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #FFE082;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-slider .p-slider-range {
- background: #FFE082; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFE082;
- border-color: #FFE082; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #FFE082;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #FFE082;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #FFE082;
+ border-color: #FFE082;
+}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #FFE082; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #FFE082;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #888888; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-togglebutton.p-button.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #e57373; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
.p-button {
color: #212529;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #FFD54F;
- color: #212529;
- border-color: #FFD54F; }
- .p-button:enabled:active {
- background: #FFCA28;
- color: #212529;
- border-color: #FFCA28; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #FFE082;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.p-button:enabled:active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #FFE082;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
- border: 1px solid #B0BEC5; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #90A4AE;
- color: #121212;
- border-color: #90A4AE; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #CFD8DC; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #78909C;
- color: #121212;
- border-color: #78909C; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #B0BEC5;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- border-color: transparent;
- color: #B0BEC5; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- border-color: transparent;
- color: #B0BEC5; }
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
- border: 1px solid #4FC3F7; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #E1F5FE; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #03A9F4;
- color: #212529;
- border-color: #03A9F4; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4FC3F7;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4FC3F7; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4FC3F7; }
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
- border: 1px solid #AED581; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #F1F8E9; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #8BC34A;
- color: #212529;
- border-color: #8BC34A; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #AED581;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- border-color: transparent;
- color: #AED581; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- border-color: transparent;
- color: #AED581; }
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
- border: 1px solid #FFB74D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #FFA726;
- color: #212529;
- border-color: #FFA726; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFFDE7; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #FF9800;
- color: #212529;
- border-color: #FF9800; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFB74D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- border-color: transparent;
- color: #FFB74D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- border-color: transparent;
- color: #FFB74D; }
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #BA68C8;
- color: #121212;
- border-color: #BA68C8; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #AB47BC;
- color: #121212;
- border-color: #AB47BC; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
- border: 1px solid #E57373; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #EF5350;
- color: #212529;
- border-color: #EF5350; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFEBEE; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #F44336;
- color: #212529;
- border-color: #F44336; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #E57373;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- border-color: transparent;
- color: #E57373; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- border-color: transparent;
- color: #E57373; }
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
.p-button.p-button-link {
color: #FFE082;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem white;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #FFE082;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #4b4b4b;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #FFE082;
- color: #212529; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #888888;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #212529;
background: #FFE082;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #FFE082;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #FFE082;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem white;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #FFE082;
- color: #212529; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFE082; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFE082; }
+ outline-color: white;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #FFE082;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #FFE082;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-datatable .p-column-resizer-helper {
- background: #FFE082; }
+ background: #FFE082;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #323232; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #FFE082;
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529; }
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #323232;
color: #dedede;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #4b4b4b;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #323232;
color: #dedede;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #FFE082;
- color: #212529; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #dedede;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #FFE082;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-overlay {
background: #323232;
@@ -1913,30 +2405,37 @@
border: 1px solid #191919;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #FFE082; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #252525;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #191919;
border: 1px solid #191919;
- color: #dedede; }
+ color: #dedede;
+}
.fc .fc-view-harness td {
background: #323232;
border: 1px solid #191919;
color: #dedede;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #FFD54F;
border: 1px solid #FFD54F;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #191919;
border: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #191919; }
+ border: 1px solid #191919;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #FFE082;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #FFD54F;
- color: #212529;
- border-color: #FFD54F; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #FFCA28;
- color: #212529;
- border-color: #FFCA28; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #191919;
color: #dedede;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #FFE082; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #FFE082;
- color: #212529; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ffc003; }
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #ffc003;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #191919; }
+ background: #191919;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-paginator {
background: #252525;
@@ -2130,67 +2678,81 @@
border: solid #191919;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #191919;
color: #dedede;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #FFE082; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #FFE082; }
+ background-color: #FFE082;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #191919; }
+ background-color: #191919;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #FFE082;
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-treetable .p-sortable-column {
- outline-color: white; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #212529;
- background: #FFE082;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #FFE082;
- color: #212529; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #FFE082;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #FFE082;
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede; }
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
.p-treetable .p-column-resizer-helper {
- background: #FFE082; }
+ background: #FFE082;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919;
border-color: #191919;
- color: #FFE082; }
+ color: #FFE082;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #FFE082;
border-color: #FFE082;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #FFCA28;
background: #FFCA28;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #888888; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #FFE082; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #323232; }
+ background-color: #323232;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #4b4b4b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #191919;
@@ -2571,27 +3238,33 @@
background: #191919;
color: #dedede;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2599,248 +3272,309 @@
color: #dedede;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #191919;
background: #323232;
border-radius: 3px;
- color: #dedede; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b; }
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #FFE082; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
.p-tabview .p-tabview-panels {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #191919;
border: 1px solid #191919;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFE082;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #FFD54F;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #FFE082;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
.p-sidebar {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #4c4c4c;
color: #dedede;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c; }
+ border-right-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c; }
+ border-left-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c; }
+ border-top-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c; }
+ border-bottom-color: #4c4c4c;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #191919;
@@ -2849,59 +3583,76 @@
color: #dedede;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-fileupload .p-fileupload-content {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #FFD54F;
color: #212529;
- border-color: #FFD54F; }
+ border-color: #FFD54F;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #FFCA28;
color: #212529;
- border-color: #FFCA28; }
+ border-color: #FFCA28;
+}
.p-breadcrumb {
background: #252525;
border: 1px solid #191919;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #dedede; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #dedede; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #FFE082; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #FFE082;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #FFE082; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #FFE082; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #FFE082;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #FFE082;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menu.p-menu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #FFE082;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #FFE082;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #FFE082; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-submenu-list {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #FFE082; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #191919;
@@ -3284,31 +4154,39 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919;
border-color: #191919;
- color: #FFE082; }
+ color: #FFE082;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #FFCA28;
- background: #FFCA28;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #191919;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #191919; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #888888; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #FFE082;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #dedede; }
+ color: #dedede;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #4b4b4b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #FFE082; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #FFE082; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #FFE082;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #4b4b4b;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFE082;
- color: #212529; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFE082;
- color: #212529; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #4b4b4b;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #323232; }
+ border: 2px solid #323232;
+}
.p-badge {
background: #FFE082;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #B0BEC5;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #AED581;
- color: #212529; }
- .p-badge.p-badge-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-badge.p-badge-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #E57373;
- color: #212529; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #4b4b4b;
color: #dedede;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #4c4c4c;
- color: #dedede; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ 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 {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFE082; }
- .p-progressbar .p-progressbar-label {
- color: #dedede;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFE082;
+}
+.p-progressbar .p-progressbar-label {
+ color: #dedede;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #FFE082; }
- .p-scrolltop.p-link:hover {
- background: #FFD54F; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #FFE082;
+}
+.p-scrolltop.p-link:hover {
+ background: #FFD54F;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #FFE082;
@@ -3851,30 +4877,38 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #AED581;
- color: #212529; }
- .p-tag.p-tag-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-tag.p-tag-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #E57373;
- color: #212529; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index bcef60aa6..73c74e461 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4d4d4d;
--surface-900: #535353;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #e57373; }
+ color: #e57373;
+}
.p-text-secondary {
- color: #888888; }
+ color: #888888;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-autocomplete-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-datepicker {
padding: 0.857rem;
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #29B6F6;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #29B6F6;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-cascadeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #81D4FA;
- background: #81D4FA; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #81D4FA; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #29B6F6;
- background: #29B6F6;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #e57373; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #81D4FA;
+ background: #81D4FA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #81D4FA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #81D4FA; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #81D4FA;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #29B6F6; }
+ background: #29B6F6;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-dropdown-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-editor-container .p-editor-toolbar {
background: #191919;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede; }
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #81D4FA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #81D4FA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #81D4FA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #81D4FA; }
+ color: #81D4FA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #81D4FA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #81D4FA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #81D4FA;
+}
.p-inputgroup-addon {
background: #252525;
@@ -697,27 +860,33 @@
border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #323232;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #81D4FA; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4FC3F7; }
- .p-inputswitch.p-invalid {
- border-color: #e57373; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #81D4FA;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #323232;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4FC3F7;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #81D4FA; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-inputtext.p-invalid.p-component {
- border-color: #e57373; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #81D4FA;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #9b9b9b;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
::-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-ms-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
.p-input-filled .p-inputtext {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-listbox.p-invalid {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
.p-multiselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #E57373; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFB74D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #AED581; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #81D4FA; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #81D4FA;
- background: #81D4FA; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #29B6F6;
- background: #29B6F6;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #e57373; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #81D4FA;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #81D4FA;
+ background: #81D4FA;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #81D4FA; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #29B6F6; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #81D4FA;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #29B6F6;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #81D4FA; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #81D4FA;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #81D4FA; }
+ color: #81D4FA;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #212529; }
+ color: #212529;
+}
.p-selectbutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #888888; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-selectbutton .p-button.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #4FC3F7;
- border-color: #4FC3F7;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-slider {
background: #4b4b4b;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #81D4FA;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-slider .p-slider-range {
- background: #81D4FA; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #81D4FA;
- border-color: #81D4FA; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #81D4FA;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #81D4FA;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #81D4FA;
+ border-color: #81D4FA;
+}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #81D4FA; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #81D4FA;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #888888; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-togglebutton.p-button.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #4FC3F7;
- border-color: #4FC3F7;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #e57373; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
.p-button {
color: #212529;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #4FC3F7;
- color: #212529;
- border-color: #4FC3F7; }
- .p-button:enabled:active {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #81D4FA;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.p-button:enabled:active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #81D4FA;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
- border: 1px solid #B0BEC5; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #90A4AE;
- color: #121212;
- border-color: #90A4AE; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #CFD8DC; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #78909C;
- color: #121212;
- border-color: #78909C; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #B0BEC5;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- border-color: transparent;
- color: #B0BEC5; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- border-color: transparent;
- color: #B0BEC5; }
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
- border: 1px solid #4FC3F7; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #E1F5FE; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #03A9F4;
- color: #212529;
- border-color: #03A9F4; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4FC3F7;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4FC3F7; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4FC3F7; }
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
- border: 1px solid #AED581; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #F1F8E9; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #8BC34A;
- color: #212529;
- border-color: #8BC34A; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #AED581;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- border-color: transparent;
- color: #AED581; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- border-color: transparent;
- color: #AED581; }
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
- border: 1px solid #FFB74D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #FFA726;
- color: #212529;
- border-color: #FFA726; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFFDE7; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #FF9800;
- color: #212529;
- border-color: #FF9800; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFB74D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- border-color: transparent;
- color: #FFB74D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- border-color: transparent;
- color: #FFB74D; }
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #BA68C8;
- color: #121212;
- border-color: #BA68C8; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #AB47BC;
- color: #121212;
- border-color: #AB47BC; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
- border: 1px solid #E57373; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #EF5350;
- color: #212529;
- border-color: #EF5350; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFEBEE; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #F44336;
- color: #212529;
- border-color: #F44336; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #E57373;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- border-color: transparent;
- color: #E57373; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- border-color: transparent;
- color: #E57373; }
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
.p-button.p-button-link {
color: #81D4FA;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem white;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #81D4FA;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #4b4b4b;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #81D4FA;
- color: #212529; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #888888;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #212529;
background: #81D4FA;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #81D4FA;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #81D4FA;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem white;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #81D4FA;
- color: #212529; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #81D4FA; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #81D4FA; }
+ outline-color: white;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #81D4FA;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #81D4FA;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-datatable .p-column-resizer-helper {
- background: #81D4FA; }
+ background: #81D4FA;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #323232; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #81D4FA;
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529; }
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #323232;
color: #dedede;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #4b4b4b;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #323232;
color: #dedede;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #81D4FA;
- color: #212529; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #dedede;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-overlay {
background: #323232;
@@ -1913,30 +2405,37 @@
border: 1px solid #191919;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #252525;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #191919;
border: 1px solid #191919;
- color: #dedede; }
+ color: #dedede;
+}
.fc .fc-view-harness td {
background: #323232;
border: 1px solid #191919;
color: #dedede;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #4FC3F7;
border: 1px solid #4FC3F7;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #191919;
border: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #191919; }
+ border: 1px solid #191919;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #81D4FA;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #4FC3F7;
- color: #212529;
- border-color: #4FC3F7; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #4FC3F7;
- border-color: #4FC3F7;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #191919;
color: #dedede;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #81D4FA;
- color: #212529; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #0aa9f2; }
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #0aa9f2;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #191919; }
+ background: #191919;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-paginator {
background: #252525;
@@ -2130,67 +2678,81 @@
border: solid #191919;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #191919;
color: #dedede;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #81D4FA; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #81D4FA; }
+ background-color: #81D4FA;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #191919; }
+ background-color: #191919;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #81D4FA;
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-treetable .p-sortable-column {
- outline-color: white; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #212529;
- background: #81D4FA;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #81D4FA;
- color: #212529; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #81D4FA;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #81D4FA;
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede; }
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
.p-treetable .p-column-resizer-helper {
- background: #81D4FA; }
+ background: #81D4FA;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919;
border-color: #191919;
- color: #81D4FA; }
+ color: #81D4FA;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #81D4FA;
border-color: #81D4FA;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #29B6F6;
background: #29B6F6;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #888888; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #81D4FA; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #323232; }
+ background-color: #323232;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #4b4b4b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #191919;
@@ -2571,27 +3238,33 @@
background: #191919;
color: #dedede;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2599,248 +3272,309 @@
color: #dedede;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #191919;
background: #323232;
border-radius: 3px;
- color: #dedede; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b; }
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #81D4FA; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
.p-tabview .p-tabview-panels {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #191919;
border: 1px solid #191919;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #81D4FA;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #4FC3F7;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #81D4FA;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
.p-sidebar {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #4c4c4c;
color: #dedede;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c; }
+ border-right-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c; }
+ border-left-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c; }
+ border-top-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c; }
+ border-bottom-color: #4c4c4c;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #191919;
@@ -2849,59 +3583,76 @@
color: #dedede;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-fileupload .p-fileupload-content {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #4FC3F7;
color: #212529;
- border-color: #4FC3F7; }
+ border-color: #4FC3F7;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #29B6F6;
color: #212529;
- border-color: #29B6F6; }
+ border-color: #29B6F6;
+}
.p-breadcrumb {
background: #252525;
border: 1px solid #191919;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #dedede; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #dedede; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #81D4FA; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #81D4FA;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #81D4FA; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #81D4FA; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #81D4FA;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #81D4FA;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menu.p-menu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #81D4FA;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #81D4FA;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #81D4FA; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-submenu-list {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #81D4FA; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #191919;
@@ -3284,31 +4154,39 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919;
border-color: #191919;
- color: #81D4FA; }
+ color: #81D4FA;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #29B6F6;
- background: #29B6F6;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #191919;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #191919; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #888888; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #81D4FA;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #dedede; }
+ color: #dedede;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #4b4b4b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #81D4FA; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #81D4FA; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #81D4FA;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #4b4b4b;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81D4FA;
- color: #212529; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81D4FA;
- color: #212529; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #4b4b4b;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #323232; }
+ border: 2px solid #323232;
+}
.p-badge {
background: #81D4FA;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #B0BEC5;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #AED581;
- color: #212529; }
- .p-badge.p-badge-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-badge.p-badge-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #E57373;
- color: #212529; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #4b4b4b;
color: #dedede;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #4c4c4c;
- color: #dedede; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ 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 {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81D4FA; }
- .p-progressbar .p-progressbar-label {
- color: #dedede;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81D4FA;
+}
+.p-progressbar .p-progressbar-label {
+ color: #dedede;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #81D4FA; }
- .p-scrolltop.p-link:hover {
- background: #4FC3F7; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #81D4FA;
+}
+.p-scrolltop.p-link:hover {
+ background: #4FC3F7;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #81D4FA;
@@ -3851,30 +4877,38 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #AED581;
- color: #212529; }
- .p-tag.p-tag-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-tag.p-tag-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #E57373;
- color: #212529; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 2bcb5e97b..399c15cac 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4d4d4d;
--surface-900: #535353;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #e57373; }
+ color: #e57373;
+}
.p-text-secondary {
- color: #888888; }
+ color: #888888;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-autocomplete-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-datepicker {
padding: 0.857rem;
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #9CCC65;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #9CCC65;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-cascadeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #C5E1A5;
- background: #C5E1A5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #C5E1A5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #9CCC65;
- background: #9CCC65;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #e57373; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #C5E1A5;
+ background: #C5E1A5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #C5E1A5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #C5E1A5; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #C5E1A5;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9CCC65; }
+ background: #9CCC65;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-dropdown-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-editor-container .p-editor-toolbar {
background: #191919;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede; }
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #C5E1A5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #C5E1A5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #C5E1A5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #C5E1A5; }
+ color: #C5E1A5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #C5E1A5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #C5E1A5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #C5E1A5;
+}
.p-inputgroup-addon {
background: #252525;
@@ -697,27 +860,33 @@
border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #323232;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #C5E1A5; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #AED581; }
- .p-inputswitch.p-invalid {
- border-color: #e57373; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #C5E1A5;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #323232;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #AED581;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #C5E1A5; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-inputtext.p-invalid.p-component {
- border-color: #e57373; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #C5E1A5;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #9b9b9b;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
::-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-ms-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
.p-input-filled .p-inputtext {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-listbox.p-invalid {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
.p-multiselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #E57373; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFB74D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #AED581; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #C5E1A5; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #C5E1A5;
- background: #C5E1A5; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #9CCC65;
- background: #9CCC65;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #e57373; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #C5E1A5;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #C5E1A5;
+ background: #C5E1A5;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #C5E1A5; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #9CCC65; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #C5E1A5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #9CCC65;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #C5E1A5; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #C5E1A5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #C5E1A5; }
+ color: #C5E1A5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #212529; }
+ color: #212529;
+}
.p-selectbutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #888888; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-selectbutton .p-button.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #AED581;
- border-color: #AED581;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-slider {
background: #4b4b4b;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #C5E1A5;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-slider .p-slider-range {
- background: #C5E1A5; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #C5E1A5;
- border-color: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #C5E1A5;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #C5E1A5;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #C5E1A5; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #C5E1A5;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #888888; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-togglebutton.p-button.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #AED581;
- border-color: #AED581;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #e57373; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
.p-button {
color: #212529;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #AED581;
- color: #212529;
- border-color: #AED581; }
- .p-button:enabled:active {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #C5E1A5;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.p-button:enabled:active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #C5E1A5;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
- border: 1px solid #B0BEC5; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #90A4AE;
- color: #121212;
- border-color: #90A4AE; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #CFD8DC; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #78909C;
- color: #121212;
- border-color: #78909C; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #B0BEC5;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- border-color: transparent;
- color: #B0BEC5; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- border-color: transparent;
- color: #B0BEC5; }
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
- border: 1px solid #4FC3F7; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #E1F5FE; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #03A9F4;
- color: #212529;
- border-color: #03A9F4; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4FC3F7;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4FC3F7; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4FC3F7; }
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
- border: 1px solid #AED581; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #F1F8E9; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #8BC34A;
- color: #212529;
- border-color: #8BC34A; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #AED581;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- border-color: transparent;
- color: #AED581; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- border-color: transparent;
- color: #AED581; }
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
- border: 1px solid #FFB74D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #FFA726;
- color: #212529;
- border-color: #FFA726; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFFDE7; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #FF9800;
- color: #212529;
- border-color: #FF9800; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFB74D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- border-color: transparent;
- color: #FFB74D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- border-color: transparent;
- color: #FFB74D; }
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #BA68C8;
- color: #121212;
- border-color: #BA68C8; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #AB47BC;
- color: #121212;
- border-color: #AB47BC; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
- border: 1px solid #E57373; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #EF5350;
- color: #212529;
- border-color: #EF5350; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFEBEE; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #F44336;
- color: #212529;
- border-color: #F44336; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #E57373;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- border-color: transparent;
- color: #E57373; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- border-color: transparent;
- color: #E57373; }
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
.p-button.p-button-link {
color: #C5E1A5;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem white;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #C5E1A5;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #4b4b4b;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #C5E1A5;
- color: #212529; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #888888;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #212529;
background: #C5E1A5;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #C5E1A5;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #C5E1A5;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem white;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #C5E1A5;
- color: #212529; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #C5E1A5; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #C5E1A5; }
+ outline-color: white;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #C5E1A5;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #C5E1A5;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-datatable .p-column-resizer-helper {
- background: #C5E1A5; }
+ background: #C5E1A5;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #323232; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #C5E1A5;
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529; }
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #323232;
color: #dedede;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #4b4b4b;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #323232;
color: #dedede;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #C5E1A5;
- color: #212529; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #dedede;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-overlay {
background: #323232;
@@ -1913,30 +2405,37 @@
border: 1px solid #191919;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #252525;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #191919;
border: 1px solid #191919;
- color: #dedede; }
+ color: #dedede;
+}
.fc .fc-view-harness td {
background: #323232;
border: 1px solid #191919;
color: #dedede;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #AED581;
border: 1px solid #AED581;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #191919;
border: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #191919; }
+ border: 1px solid #191919;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #C5E1A5;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #AED581;
- color: #212529;
- border-color: #AED581; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #AED581;
- border-color: #AED581;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #191919;
color: #dedede;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #C5E1A5;
- color: #212529; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #87c145; }
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #87c145;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #191919; }
+ background: #191919;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-paginator {
background: #252525;
@@ -2130,67 +2678,81 @@
border: solid #191919;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #191919;
color: #dedede;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #C5E1A5; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #C5E1A5; }
+ background-color: #C5E1A5;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #191919; }
+ background-color: #191919;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #C5E1A5;
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-treetable .p-sortable-column {
- outline-color: white; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #212529;
- background: #C5E1A5;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #C5E1A5;
- color: #212529; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #C5E1A5;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #C5E1A5;
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede; }
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
.p-treetable .p-column-resizer-helper {
- background: #C5E1A5; }
+ background: #C5E1A5;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919;
border-color: #191919;
- color: #C5E1A5; }
+ color: #C5E1A5;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #C5E1A5;
border-color: #C5E1A5;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #9CCC65;
background: #9CCC65;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #888888; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #323232; }
+ background-color: #323232;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #4b4b4b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #191919;
@@ -2571,27 +3238,33 @@
background: #191919;
color: #dedede;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2599,248 +3272,309 @@
color: #dedede;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #191919;
background: #323232;
border-radius: 3px;
- color: #dedede; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b; }
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
.p-tabview .p-tabview-panels {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #191919;
border: 1px solid #191919;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #C5E1A5;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #AED581;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #C5E1A5;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #AED581;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
.p-sidebar {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #4c4c4c;
color: #dedede;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c; }
+ border-right-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c; }
+ border-left-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c; }
+ border-top-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c; }
+ border-bottom-color: #4c4c4c;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #191919;
@@ -2849,59 +3583,76 @@
color: #dedede;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-fileupload .p-fileupload-content {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #AED581;
color: #212529;
- border-color: #AED581; }
+ border-color: #AED581;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #9CCC65;
color: #212529;
- border-color: #9CCC65; }
+ border-color: #9CCC65;
+}
.p-breadcrumb {
background: #252525;
border: 1px solid #191919;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #dedede; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #dedede; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #C5E1A5; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #C5E1A5;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #C5E1A5; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #C5E1A5; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #C5E1A5;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #C5E1A5;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menu.p-menu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #C5E1A5;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #C5E1A5;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #C5E1A5; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-submenu-list {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #C5E1A5; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #191919;
@@ -3284,31 +4154,39 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919;
border-color: #191919;
- color: #C5E1A5; }
+ color: #C5E1A5;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #9CCC65;
- background: #9CCC65;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #191919;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #191919; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #888888; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #C5E1A5;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #dedede; }
+ color: #dedede;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #4b4b4b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #C5E1A5; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #C5E1A5;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #4b4b4b;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #C5E1A5;
- color: #212529; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #C5E1A5;
- color: #212529; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #4b4b4b;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #323232; }
+ border: 2px solid #323232;
+}
.p-badge {
background: #C5E1A5;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #B0BEC5;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #AED581;
- color: #212529; }
- .p-badge.p-badge-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-badge.p-badge-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #E57373;
- color: #212529; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #4b4b4b;
color: #dedede;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #4c4c4c;
- color: #dedede; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ 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 {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #C5E1A5; }
- .p-progressbar .p-progressbar-label {
- color: #dedede;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #C5E1A5;
+}
+.p-progressbar .p-progressbar-label {
+ color: #dedede;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #C5E1A5; }
- .p-scrolltop.p-link:hover {
- background: #AED581; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #C5E1A5;
+}
+.p-scrolltop.p-link:hover {
+ background: #AED581;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #C5E1A5;
@@ -3851,30 +4877,38 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #AED581;
- color: #212529; }
- .p-tag.p-tag-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-tag.p-tag-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #E57373;
- color: #212529; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 36a5819d3..40132d38f 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4d4d4d;
--surface-900: #535353;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #e57373; }
+ color: #e57373;
+}
.p-text-secondary {
- color: #888888; }
+ color: #888888;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-autocomplete-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-datepicker {
padding: 0.857rem;
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #EC407A;
- color: #212529;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #EC407A;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-cascadeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #F48FB1;
- background: #F48FB1; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #F48FB1; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #EC407A;
- background: #EC407A;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #e57373; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #F48FB1;
+ background: #F48FB1;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #F48FB1;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #F48FB1; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #F48FB1;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #EC407A; }
+ background: #EC407A;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #dedede;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-dropdown-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-editor-container .p-editor-toolbar {
background: #191919;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #191919; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede; }
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #F48FB1; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #F48FB1; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #F48FB1; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #F48FB1; }
+ color: #F48FB1;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #F48FB1;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #F48FB1;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #F48FB1;
+}
.p-inputgroup-addon {
background: #252525;
@@ -697,27 +860,33 @@
border-left: 1px solid #4b4b4b;
border-bottom: 1px solid #4b4b4b;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #323232;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #F48FB1; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #F06292; }
- .p-inputswitch.p-invalid {
- border-color: #e57373; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #F48FB1;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #323232;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #F06292;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #F48FB1; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-inputtext.p-invalid.p-component {
- border-color: #e57373; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #F48FB1;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #9b9b9b;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #888888; }
+ color: #888888;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
::-moz-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
:-ms-input-placeholder {
- color: #9b9b9b; }
+ color: #9b9b9b;
+}
.p-input-filled .p-inputtext {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #323232;
color: #dedede;
border: 1px solid #4b4b4b;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-listbox.p-invalid {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
.p-multiselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #E57373; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFB74D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #AED581; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #F48FB1; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #F48FB1;
- background: #F48FB1; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #EC407A;
- background: #EC407A;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #e57373; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #F48FB1;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #F48FB1;
+ background: #F48FB1;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #F48FB1; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #EC407A; }
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #F48FB1;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #EC407A;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529; }
+ border-color: #212529;
+}
.p-rating .p-rating-icon {
color: #dedede;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #F48FB1; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #F48FB1;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #212529; }
+ color: #212529;
+}
.p-selectbutton .p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #888888; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-selectbutton .p-button.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #F06292;
- border-color: #F06292;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #e57373; }
+ border-color: #e57373;
+}
.p-slider {
background: #4b4b4b;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #F48FB1;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-slider .p-slider-range {
- background: #F48FB1; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #F48FB1;
- border-color: #F48FB1; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #F48FB1;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #F48FB1;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #F48FB1;
+ border-color: #F48FB1;
+}
.p-treeselect {
background: #191919;
border: 1px solid #4b4b4b;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #F48FB1; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #e57373; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #F48FB1;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b; }
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
.p-togglebutton.p-button {
background: #252525;
border: 1px solid #252525;
color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #888888; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #dedede; }
- .p-togglebutton.p-button.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #F06292;
- border-color: #F06292;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #e57373; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
.p-button {
color: #212529;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #F06292;
- color: #212529;
- border-color: #F06292; }
- .p-button:enabled:active {
- background: #EC407A;
- color: #212529;
- border-color: #EC407A; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #4c4c4c;
- color: #888888; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #3c3c3c;
- color: #888888; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #F48FB1;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.p-button:enabled:active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #F48FB1;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #B0BEC5;
- border: 1px solid #B0BEC5; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #90A4AE;
- color: #121212;
- border-color: #90A4AE; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #CFD8DC; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #78909C;
- color: #121212;
- border-color: #78909C; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- color: #B0BEC5;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #B0BEC5;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(176, 190, 197, 0.04);
- border-color: transparent;
- color: #B0BEC5; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(176, 190, 197, 0.16);
- border-color: transparent;
- color: #B0BEC5; }
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212529;
background: #4FC3F7;
- border: 1px solid #4FC3F7; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #E1F5FE; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #03A9F4;
- color: #212529;
- border-color: #03A9F4; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- color: #4FC3F7;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4FC3F7;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4FC3F7; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4FC3F7; }
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212529;
background: #AED581;
- border: 1px solid #AED581; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #F1F8E9; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #8BC34A;
- color: #212529;
- border-color: #8BC34A; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- color: #AED581;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #AED581;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(174, 213, 129, 0.04);
- border-color: transparent;
- color: #AED581; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(174, 213, 129, 0.16);
- border-color: transparent;
- color: #AED581; }
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FFB74D;
- border: 1px solid #FFB74D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #FFA726;
- color: #212529;
- border-color: #FFA726; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFFDE7; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #FF9800;
- color: #212529;
- border-color: #FF9800; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- color: #FFB74D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFB74D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 183, 77, 0.04);
- border-color: transparent;
- color: #FFB74D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 183, 77, 0.16);
- border-color: transparent;
- color: #FFB74D; }
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #BA68C8;
- color: #121212;
- border-color: #BA68C8; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #AB47BC;
- color: #121212;
- border-color: #AB47BC; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212529;
background: #E57373;
- border: 1px solid #E57373; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #EF5350;
- color: #212529;
- border-color: #EF5350; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.1rem #FFEBEE; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #F44336;
- color: #212529;
- border-color: #F44336; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- color: #E57373;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #E57373;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(229, 115, 115, 0.04);
- border-color: transparent;
- color: #E57373; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(229, 115, 115, 0.16);
- border-color: transparent;
- color: #E57373; }
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
.p-button.p-button-link {
color: #F48FB1;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem white;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #F48FB1;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #4b4b4b;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #F48FB1;
- color: #212529; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #888888;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #212529;
background: #F48FB1;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #F48FB1;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #F48FB1;
- color: #212529; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529; }
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem white;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #F48FB1;
- color: #212529; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #F48FB1; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #F48FB1; }
+ outline-color: white;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #F48FB1;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #F48FB1;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-datatable .p-column-resizer-helper {
- background: #F48FB1; }
+ background: #F48FB1;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #323232; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #F48FB1;
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529; }
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #323232;
color: #dedede;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #4b4b4b;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #323232;
color: #dedede;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #F48FB1;
- color: #212529; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #dedede;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-column-filter-overlay {
background: #323232;
@@ -1913,30 +2405,37 @@
border: 1px solid #191919;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #252525;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #191919;
border: 1px solid #191919;
- color: #dedede; }
+ color: #dedede;
+}
.fc .fc-view-harness td {
background: #323232;
border: 1px solid #191919;
color: #dedede;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #F06292;
border: 1px solid #F06292;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #191919;
border: 1px solid #191919;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #191919; }
+ border: 1px solid #191919;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #F48FB1;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #F06292;
- color: #212529;
- border-color: #F06292; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #EC407A;
- color: #212529;
- border-color: #EC407A; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #F06292;
- border-color: #F06292;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #191919;
color: #dedede;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
+ color: #dedede;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #F48FB1;
- color: #212529; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #e91b60; }
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #e91b60;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #191919; }
+ background: #191919;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #191919;
- border-color: #191919; }
+ border-color: #191919;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-paginator {
background: #252525;
@@ -2130,67 +2678,81 @@
border: solid #191919;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #191919;
color: #dedede;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #F48FB1; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #F48FB1; }
+ background-color: #F48FB1;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #191919; }
+ background-color: #191919;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #191919;
background: #323232;
color: #dedede;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #F48FB1;
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #212529; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #191919;
color: #dedede;
border: 1px solid #191919;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #dedede;
background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #dedede;
- background: #252525; }
+ background: #252525;
+}
.p-treetable .p-sortable-column {
- outline-color: white; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #212529;
- background: #F48FB1;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #F48FB1;
- color: #212529; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #F48FB1;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
.p-treetable .p-treetable-tbody > tr {
background: #323232;
color: #dedede;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: white; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #dedede; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #F48FB1;
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529; }
+ outline-color: white;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
- color: #dedede; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede; }
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
.p-treetable .p-column-resizer-helper {
- background: #F48FB1; }
+ background: #F48FB1;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #191919; }
+ background: #191919;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #191919;
border-color: #191919;
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #F48FB1;
border-color: #F48FB1;
color: #212529;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #EC407A;
background: #EC407A;
- color: #212529; }
+ color: #212529;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #323232;
color: #dedede;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #888888; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #F48FB1; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #323232; }
+ background-color: #323232;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #4b4b4b; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #191919;
@@ -2571,27 +3238,33 @@
background: #191919;
color: #dedede;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #191919;
@@ -2599,248 +3272,309 @@
color: #dedede;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #191919;
background: #323232;
color: #dedede;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #191919;
background: #323232;
border-radius: 3px;
- color: #dedede; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b; }
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #F48FB1; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
.p-tabview .p-tabview-panels {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #191919;
border: 1px solid #191919;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #F48FB1;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #F06292;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #F48FB1;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #F06292;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
.p-sidebar {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #dedede;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #8888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #4c4c4c;
color: #dedede;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c; }
+ border-right-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c; }
+ border-left-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c; }
+ border-top-color: #4c4c4c;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c; }
+ border-bottom-color: #4c4c4c;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #191919;
@@ -2849,59 +3583,76 @@
color: #dedede;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-fileupload .p-fileupload-content {
background: #323232;
padding: 0.571rem 1rem;
border: 1px solid #191919;
color: #dedede;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #F06292;
color: #212529;
- border-color: #F06292; }
+ border-color: #F06292;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #EC407A;
color: #212529;
- border-color: #EC407A; }
+ border-color: #EC407A;
+}
.p-breadcrumb {
background: #252525;
border: 1px solid #191919;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #dedede; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #dedede; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #dedede; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #dedede;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F48FB1; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #F48FB1;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #F48FB1; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F48FB1; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #F48FB1;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #F48FB1;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menu.p-menu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #252525;
color: #dedede;
border: 1px solid #191919;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #F48FB1;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #212529;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #F48FB1;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #F48FB1; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529; }
- .p-menubar .p-submenu-list {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F48FB1; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #191919;
@@ -3284,31 +4154,39 @@
background: #191919;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #191919;
border-color: #191919;
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #EC407A;
- background: #EC407A;
- color: #212529; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #191919;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #191919; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #888888; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #F48FB1;
- color: #212529; }
+ color: #212529;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #dedede; }
+ color: #dedede;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #4b4b4b;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #F48FB1; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #dedede;
border: 1px solid #191919;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #dedede;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #4c4c4c; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #dedede; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem white; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F48FB1; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #212529; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #dedede;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem white;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #F48FB1;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #4b4b4b;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F48FB1;
- color: #212529; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F48FB1;
- color: #212529; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #4b4b4b;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #323232; }
+ border: 2px solid #323232;
+}
.p-badge {
background: #F48FB1;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #B0BEC5;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #AED581;
- color: #212529; }
- .p-badge.p-badge-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-badge.p-badge-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #E57373;
- color: #212529; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #4b4b4b;
color: #dedede;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #4c4c4c;
- color: #dedede; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white; }
+ 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 {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #F48FB1; }
- .p-progressbar .p-progressbar-label {
- color: #dedede;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #F48FB1;
+}
+.p-progressbar .p-progressbar-label {
+ color: #dedede;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #F48FB1; }
- .p-scrolltop.p-link:hover {
- background: #F06292; }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #F48FB1;
+}
+.p-scrolltop.p-link:hover {
+ background: #F06292;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #F48FB1;
@@ -3851,30 +4877,38 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #AED581;
- color: #212529; }
- .p-tag.p-tag-info {
- background-color: #4FC3F7;
- color: #212529; }
- .p-tag.p-tag-warning {
- background-color: #FFB74D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #E57373;
- color: #212529; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #323232;
color: #dedede;
border: 1px solid #191919;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index fcc3ce06b..9dbfc6e35 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -23,61 +23,74 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #f44435; }
+ color: #f44435;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 1rem; }
+ right: 1rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 4rem; }
+ right: 4rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.5rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.5rem 1rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.5rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-autocomplete-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2b2b2b; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2.5rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-color: rgba(255, 255, 255, 0.5); }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid rgba(255, 255, 255, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(255, 255, 255, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2b2b2b;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-color: rgba(255, 255, 255, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 1rem 1rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 1rem 1rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-cascadeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 18px;
- height: 18px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #121212;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #CE93D8;
- background: #CE93D8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #CE93D8;
- background: #CE93D8;
- color: #121212; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44435; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 18px;
+ height: 18px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #121212;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #CE93D8;
+ background: #CE93D8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #CE93D8;
+ background: #CE93D8;
+ color: #121212;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44435;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #CE93D8; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #CE93D8;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: rgba(255, 255, 255, 0.08); }
+ background-color: rgba(255, 255, 255, 0.08);
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #CE93D8; }
+ background: #CE93D8;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.5rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.5rem 1rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.5rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2b2b2b;
- border-color: #1e1e1e; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #1e1e1e;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 2rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 2rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-dropdown-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 2rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 2rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 1rem 1rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 1rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-content .ql-editor {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #CE93D8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #CE93D8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #CE93D8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #CE93D8; }
+ color: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #CE93D8;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 1rem 1rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(255, 255, 255, 0.3); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(255, 255, 255, 0.3);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 3rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #bdbdbd;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(206, 147, 216, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #CE93D8; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(206, 147, 216, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #f44435; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #bdbdbd;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(206, 147, 216, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #CE93D8;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(206, 147, 216, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44435;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44435; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44435;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.875rem 0.875rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 1.25rem 1.25rem;
+}
.p-float-label > label {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 1rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 3rem; }
+ padding-left: 3rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 3rem; }
+ left: 3rem;
+}
.p-input-icon-right > i:last-of-type {
right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 3rem; }
+ padding-right: 3rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 2rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 2rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f44435;
+}
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-multiselect .p-multiselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-multiselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 2rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 2rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-password-panel {
padding: 1rem;
@@ -1050,230 +1301,297 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(206, 147, 216, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #EF9A9A; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFF59D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(206, 147, 216, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #CE93D8; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #CE93D8;
- background: #121212; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #CE93D8;
- background: #121212;
- color: #CE93D8; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44435; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #CE93D8;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #CE93D8;
+ background: #121212;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #CE93D8;
+ background: #121212;
+ color: #CE93D8;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44435;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #121212; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #121212; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #121212;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #121212;
+}
.p-rating .p-rating-icon {
color: #CE93D8;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f44435; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #CE93D8; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f44435;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #CE93D8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #CE93D8; }
+ color: #CE93D8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f44435; }
+ color: #f44435;
+}
.p-selectbutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-slider {
background: rgba(255, 255, 255, 0.3);
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #CE93D8;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #CE93D8; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #CE93D8;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #CE93D8;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #CE93D8;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #CE93D8;
+ border-color: 0 none;
+}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #CE93D8; }
- .p-treeselect .p-treeselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-treeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44435; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44435;
+}
.p-button {
color: #121212;
@@ -1282,364 +1600,465 @@
padding: 0.714rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #121212;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #CE93D8;
- background-color: #121212; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.714rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.62475rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.8925rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #CE93D8;
+ background-color: #121212;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 3rem;
+ padding: 0.714rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 3rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.62475rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.8925rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 3rem; }
+ width: 3rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #A5D6A7;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(165, 214, 167, 0.92);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(165, 214, 167, 0.68);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #A5D6A7;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(165, 214, 167, 0.04);
- color: #A5D6A7;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(165, 214, 167, 0.16);
- color: #A5D6A7;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #A5D6A7;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(165, 214, 167, 0.04);
- border-color: transparent;
- color: #A5D6A7; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(165, 214, 167, 0.16);
- border-color: transparent;
- color: #A5D6A7; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(165, 214, 167, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(165, 214, 167, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A5D6A7;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(165, 214, 167, 0.04);
+ color: #A5D6A7;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(165, 214, 167, 0.16);
+ color: #A5D6A7;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #A5D6A7;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(165, 214, 167, 0.04);
+ border-color: transparent;
+ color: #A5D6A7;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(165, 214, 167, 0.16);
+ border-color: transparent;
+ color: #A5D6A7;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(144, 202, 249, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #90CAF9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- border-color: transparent;
- color: #90CAF9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- border-color: transparent;
- color: #90CAF9; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(144, 202, 249, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(144, 202, 249, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #90CAF9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ border-color: transparent;
+ color: #90CAF9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ border-color: transparent;
+ color: #90CAF9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(197, 225, 165, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(197, 225, 165, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(197, 225, 165, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(255, 245, 157, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFF59D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- border-color: transparent;
- color: #FFF59D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- border-color: transparent;
- color: #FFF59D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(255, 245, 157, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(255, 245, 157, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFF59D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ border-color: transparent;
+ color: #FFF59D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ border-color: transparent;
+ color: #FFF59D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(239, 154, 154, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #EF9A9A;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- border-color: transparent;
- color: #EF9A9A; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- border-color: transparent;
- color: #EF9A9A; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(239, 154, 154, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(239, 154, 154, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #EF9A9A;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ border-color: transparent;
+ color: #EF9A9A;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ border-color: transparent;
+ color: #EF9A9A;
+}
.p-button.p-button-link {
color: #CE93D8;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #CE93D8;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #CE93D8; }
+ background: #CE93D8;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #CE93D8; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #CE93D8; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #CE93D8;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #CE93D8;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1873,11 +2355,13 @@
padding: 1rem 1rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2.5rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2.5rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #2b2b2b;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
@@ -1957,49 +2456,64 @@
background: #2b2b2b;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #CE93D8; }
+ border-color: #CE93D8;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(206, 147, 216, 0.16);
border: 1px solid rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
+ color: #CE93D8;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid rgba(255, 255, 255, 0.12); }
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #121212;
background: #CE93D8;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #121212;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #121212;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #2f2f2f;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #2f2f2f;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(157, 62, 173, 0.16); }
+ color: #CE93D8;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(157, 62, 173, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.12); }
+ background: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #1e1e1e;
@@ -2142,67 +2690,81 @@
border: solid #404040;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- border-color: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #CE93D8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #CE93D8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 2rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #CE93D8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #CE93D8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 2rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #CE93D8;
+ background: rgba(206, 147, 216, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #CE93D8; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #CE93D8; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #CE93D8;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #CE93D8;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #CE93D8; }
+ background: #CE93D8;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
@@ -2473,27 +3111,33 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: transparent;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem 1.5rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
- padding: 0 1.25rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1.25rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
- padding: 1.25rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1.25rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2601,27 +3275,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2629,248 +3309,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(255, 255, 255, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(255, 255, 255, 0.12); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: transparent;
- border-color: transparent;
- color: #CE93D8; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: transparent;
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-tabview .p-tabview-panels {
background: transparent;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.5rem 1rem 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #262626; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.5rem 1rem 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #262626;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #CE93D8;
- color: #121212;
- width: 2.5rem;
- height: 2.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1.25rem;
- right: -1.25rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #121212; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #262626; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #CE93D8;
+ color: #121212;
+ width: 2.5rem;
+ height: 2.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1.25rem;
+ right: -1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #121212;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #262626;
+}
.p-sidebar {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: #444444;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #444444; }
+ border-right-color: #444444;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #444444; }
+ border-left-color: #444444;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #444444; }
+ border-top-color: #444444;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #444444; }
+ border-bottom-color: #444444;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2879,59 +3620,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.92);
color: #121212;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(206, 147, 216, 0.68);
color: #121212;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2b2b2b;
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.6);
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 3rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 5rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 7rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 9rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 11rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 3rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 5rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 7rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 9rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 11rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.5rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
+ color: #CE93D8;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: transparent;
- border-color: transparent;
- color: #CE93D8; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: transparent;
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 1rem 1rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.5rem; }
- .p-message .p-message-close {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1.25rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.5rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.5rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.87);
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.3); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #CE93D8;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #A5D6A7;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #A5D6A7;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 1rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.5rem;
- height: 2.5rem;
- margin-left: -1rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 1rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.5rem;
+ height: 2.5rem;
+ margin-left: -1rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(206, 147, 216, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #CE93D8; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #CE93D8;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #A5D6A7; }
- .p-scrolltop.p-link:hover {
- background: rgba(165, 214, 167, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #121212; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #A5D6A7;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(165, 214, 167, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #121212;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #CE93D8;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-tag.p-tag-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-tag.p-tag-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(206, 147, 216, 0.76); }
- .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(206, 147, 216, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
- .p-button:disabled {
- background-color: rgba(255, 255, 255, 0.12) !important;
- color: rgba(255, 255, 255, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important;
- border-color: rgba(255, 255, 255, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(206, 147, 216, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(206, 147, 216, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(206, 147, 216, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ border-color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(165, 214, 167, 0.76); }
+ background: rgba(165, 214, 167, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(165, 214, 167, 0.68); }
+ background: rgba(165, 214, 167, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(165, 214, 167, 0.12); }
+ background: rgba(165, 214, 167, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(165, 214, 167, 0.16); }
+ background: rgba(165, 214, 167, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(165, 214, 167, 0.16); }
+ background-color: rgba(165, 214, 167, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(144, 202, 249, 0.76); }
+ background: rgba(144, 202, 249, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68); }
+ background: rgba(144, 202, 249, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(144, 202, 249, 0.12); }
+ background: rgba(144, 202, 249, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16); }
+ background: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(144, 202, 249, 0.16); }
+ background-color: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(197, 225, 165, 0.76); }
+ background: rgba(197, 225, 165, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68); }
+ background: rgba(197, 225, 165, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(197, 225, 165, 0.12); }
+ background: rgba(197, 225, 165, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16); }
+ background: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(197, 225, 165, 0.16); }
+ background-color: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(255, 245, 157, 0.76); }
+ background: rgba(255, 245, 157, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68); }
+ background: rgba(255, 245, 157, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 245, 157, 0.12); }
+ background: rgba(255, 245, 157, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16); }
+ background: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 245, 157, 0.16); }
+ background-color: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(206, 147, 216, 0.76); }
+ background: rgba(206, 147, 216, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68); }
+ background: rgba(206, 147, 216, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(206, 147, 216, 0.12); }
+ background: rgba(206, 147, 216, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16); }
+ background: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(239, 154, 154, 0.76); }
+ background: rgba(239, 154, 154, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68); }
+ background: rgba(239, 154, 154, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(239, 154, 154, 0.12); }
+ background: rgba(239, 154, 154, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16); }
+ background: rgba(239, 154, 154, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(239, 154, 154, 0.16); }
+ background-color: rgba(239, 154, 154, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
background: #1e1e1e;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(255, 255, 255, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #CE93D8;
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #CE93D8;
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); }
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); }
+ box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #f44435; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ border-color: #f44435;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #A5D6A7;
- color: #121212; }
+ color: #121212;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: rgba(255, 255, 255, 0.7);
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #CE93D8; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: rgba(255, 255, 255, 0.7);
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #CE93D8;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #121212;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #121212;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #A5D6A7;
- color: #121212; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #A5D6A7;
+ color: #121212;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(165, 214, 167, 0.68);
- color: #121212; }
+ color: #121212;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #1e1e1e;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #CE93D8; }
+ color: #CE93D8;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8; }
+ box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #CE93D8; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #CE93D8;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
.p-selectbutton .p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(165, 214, 167, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #CE93D8;
- color: #121212; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #CE93D8;
+ color: #121212;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(206, 147, 216, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #CE93D8;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(206, 147, 216, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(206, 147, 216, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #CE93D8;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(206, 147, 216, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #CE93D8;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(206, 147, 216, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(206, 147, 216, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #CE93D8;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 47865f5d4..b35088418 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -23,61 +23,74 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #f44435; }
+ color: #f44435;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 1rem; }
+ right: 1rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 4rem; }
+ right: 4rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.5rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.5rem 1rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.5rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-autocomplete-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2b2b2b; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2.5rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-color: rgba(255, 255, 255, 0.5); }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid rgba(255, 255, 255, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(255, 255, 255, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2b2b2b;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-color: rgba(255, 255, 255, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 1rem 1rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 1rem 1rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-cascadeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 18px;
- height: 18px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #121212;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #9FA8DA;
- background: #9FA8DA; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #9FA8DA;
- background: #9FA8DA;
- color: #121212; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44435; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 18px;
+ height: 18px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #121212;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #9FA8DA;
+ background: #9FA8DA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #9FA8DA;
+ background: #9FA8DA;
+ color: #121212;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44435;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #9FA8DA; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #9FA8DA;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: rgba(255, 255, 255, 0.08); }
+ background-color: rgba(255, 255, 255, 0.08);
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9FA8DA; }
+ background: #9FA8DA;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.5rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.5rem 1rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.5rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2b2b2b;
- border-color: #1e1e1e; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #1e1e1e;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 2rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 2rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-dropdown-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 2rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 2rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 1rem 1rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 1rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-content .ql-editor {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #9FA8DA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #9FA8DA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #9FA8DA; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #9FA8DA; }
+ color: #9FA8DA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #9FA8DA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #9FA8DA;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #9FA8DA;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 1rem 1rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(255, 255, 255, 0.3); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(255, 255, 255, 0.3);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 3rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #bdbdbd;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(159, 168, 218, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #9FA8DA; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(159, 168, 218, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #f44435; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #bdbdbd;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(159, 168, 218, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #9FA8DA;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(159, 168, 218, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44435;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44435; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44435;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.875rem 0.875rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 1.25rem 1.25rem;
+}
.p-float-label > label {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 1rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 3rem; }
+ padding-left: 3rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 3rem; }
+ left: 3rem;
+}
.p-input-icon-right > i:last-of-type {
right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 3rem; }
+ padding-right: 3rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 2rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 2rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f44435;
+}
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-multiselect .p-multiselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-multiselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 2rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 2rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-password-panel {
padding: 1rem;
@@ -1050,230 +1301,297 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(159, 168, 218, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #EF9A9A; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFF59D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(159, 168, 218, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #9FA8DA; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #9FA8DA;
- background: #121212; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #9FA8DA;
- background: #121212;
- color: #9FA8DA; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44435; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #9FA8DA;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #9FA8DA;
+ background: #121212;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #9FA8DA;
+ background: #121212;
+ color: #9FA8DA;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44435;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #121212; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #121212; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #121212;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #121212;
+}
.p-rating .p-rating-icon {
color: #9FA8DA;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f44435; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #9FA8DA; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f44435;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #9FA8DA;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #9FA8DA; }
+ color: #9FA8DA;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f44435; }
+ color: #f44435;
+}
.p-selectbutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-slider {
background: rgba(255, 255, 255, 0.3);
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #9FA8DA;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #9FA8DA; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #9FA8DA;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #9FA8DA;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #9FA8DA;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #9FA8DA;
+ border-color: 0 none;
+}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #9FA8DA; }
- .p-treeselect .p-treeselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-treeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44435; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44435;
+}
.p-button {
color: #121212;
@@ -1282,364 +1600,465 @@
padding: 0.714rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(159, 168, 218, 0.92);
- color: #121212;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(159, 168, 218, 0.68);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #9FA8DA;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(159, 168, 218, 0.04);
- color: #9FA8DA;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #9FA8DA;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(159, 168, 218, 0.04);
- color: #9FA8DA;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #9FA8DA;
- background-color: #121212; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.714rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.62475rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.8925rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(159, 168, 218, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(159, 168, 218, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9FA8DA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(159, 168, 218, 0.04);
+ color: #9FA8DA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #9FA8DA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(159, 168, 218, 0.04);
+ color: #9FA8DA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #9FA8DA;
+ background-color: #121212;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 3rem;
+ padding: 0.714rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 3rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.62475rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.8925rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 3rem; }
+ width: 3rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #F48FB1;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(244, 143, 177, 0.92);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(244, 143, 177, 0.68);
- color: #121212;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(244, 143, 177, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(244, 143, 177, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(144, 202, 249, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #90CAF9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- border-color: transparent;
- color: #90CAF9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- border-color: transparent;
- color: #90CAF9; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(144, 202, 249, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(144, 202, 249, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #90CAF9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ border-color: transparent;
+ color: #90CAF9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ border-color: transparent;
+ color: #90CAF9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(197, 225, 165, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(197, 225, 165, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(197, 225, 165, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(255, 245, 157, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFF59D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- border-color: transparent;
- color: #FFF59D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- border-color: transparent;
- color: #FFF59D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(255, 245, 157, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(255, 245, 157, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFF59D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ border-color: transparent;
+ color: #FFF59D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ border-color: transparent;
+ color: #FFF59D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(239, 154, 154, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #EF9A9A;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- border-color: transparent;
- color: #EF9A9A; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- border-color: transparent;
- color: #EF9A9A; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(239, 154, 154, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(239, 154, 154, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #EF9A9A;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ border-color: transparent;
+ color: #EF9A9A;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ border-color: transparent;
+ color: #EF9A9A;
+}
.p-button.p-button-link {
color: #9FA8DA;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #9FA8DA;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #9FA8DA;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #9FA8DA;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #9FA8DA;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #9FA8DA; }
+ background: #9FA8DA;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #9FA8DA; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #9FA8DA; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #9FA8DA;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #9FA8DA;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1873,11 +2355,13 @@
padding: 1rem 1rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2.5rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2.5rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #2b2b2b;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
@@ -1957,49 +2456,64 @@
background: #2b2b2b;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #9FA8DA; }
+ border-color: #9FA8DA;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(159, 168, 218, 0.16);
border: 1px solid rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
+ color: #9FA8DA;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid rgba(255, 255, 255, 0.12); }
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #121212;
background: #9FA8DA;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(159, 168, 218, 0.92);
- color: #121212;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(159, 168, 218, 0.68);
- color: #121212;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #2f2f2f;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(159, 168, 218, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(159, 168, 218, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #2f2f2f;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(69, 86, 180, 0.16); }
+ color: #9FA8DA;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(69, 86, 180, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.12); }
+ background: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #1e1e1e;
@@ -2142,67 +2690,81 @@
border: solid #404040;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- border-color: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(159, 168, 218, 0.16);
+ border-color: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #9FA8DA; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #9FA8DA; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 2rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #9FA8DA;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #9FA8DA;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 2rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #9FA8DA;
+ background: rgba(159, 168, 218, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #9FA8DA; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #9FA8DA; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #9FA8DA;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #9FA8DA;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #9FA8DA; }
+ background: #9FA8DA;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
@@ -2473,27 +3111,33 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: transparent;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem 1.5rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
- padding: 0 1.25rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1.25rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
- padding: 1.25rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1.25rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2601,27 +3275,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2629,248 +3309,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 1rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(255, 255, 255, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(255, 255, 255, 0.12); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(159, 168, 218, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: transparent;
- border-color: transparent;
- color: #9FA8DA; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(159, 168, 218, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: transparent;
+ border-color: transparent;
+ color: #9FA8DA;
+}
.p-tabview .p-tabview-panels {
background: transparent;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 1rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.5rem 1rem 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #262626; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.5rem 1rem 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #262626;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #9FA8DA;
- color: #121212;
- width: 2.5rem;
- height: 2.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1.25rem;
- right: -1.25rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(159, 168, 218, 0.92);
- color: #121212; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #262626; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #9FA8DA;
+ color: #121212;
+ width: 2.5rem;
+ height: 2.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1.25rem;
+ right: -1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(159, 168, 218, 0.92);
+ color: #121212;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #262626;
+}
.p-sidebar {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: #444444;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #444444; }
+ border-right-color: #444444;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #444444; }
+ border-left-color: #444444;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #444444; }
+ border-top-color: #444444;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #444444; }
+ border-bottom-color: #444444;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2879,59 +3620,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(159, 168, 218, 0.92);
color: #121212;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(159, 168, 218, 0.68);
color: #121212;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2b2b2b;
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 1rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.6);
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 3rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 5rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 7rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 9rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 11rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 3rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 5rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 7rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 9rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 11rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.5rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
+ color: #9FA8DA;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(159, 168, 218, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: transparent;
- border-color: transparent;
- color: #9FA8DA; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(159, 168, 218, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: transparent;
+ border-color: transparent;
+ color: #9FA8DA;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 1rem 1rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.5rem; }
- .p-message .p-message-close {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1.25rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.5rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.5rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.87);
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.3); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(159, 168, 218, 0.16);
+ color: #9FA8DA;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #9FA8DA;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 1rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.5rem;
- height: 2.5rem;
- margin-left: -1rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 1rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.5rem;
+ height: 2.5rem;
+ margin-left: -1rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(159, 168, 218, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9FA8DA; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #9FA8DA;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #F48FB1; }
- .p-scrolltop.p-link:hover {
- background: rgba(244, 143, 177, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #121212; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #F48FB1;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(244, 143, 177, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #121212;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #9FA8DA;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-tag.p-tag-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-tag.p-tag-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(159, 168, 218, 0.76); }
- .p-button:enabled:active {
- background: rgba(159, 168, 218, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(159, 168, 218, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(159, 168, 218, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
- .p-button:disabled {
- background-color: rgba(255, 255, 255, 0.12) !important;
- color: rgba(255, 255, 255, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important;
- border-color: rgba(255, 255, 255, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(159, 168, 218, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(159, 168, 218, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(159, 168, 218, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(159, 168, 218, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(159, 168, 218, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ border-color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(244, 143, 177, 0.76); }
+ background: rgba(244, 143, 177, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(244, 143, 177, 0.68); }
+ background: rgba(244, 143, 177, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(244, 143, 177, 0.12); }
+ background: rgba(244, 143, 177, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16); }
+ background: rgba(244, 143, 177, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(244, 143, 177, 0.16); }
+ background-color: rgba(244, 143, 177, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(144, 202, 249, 0.76); }
+ background: rgba(144, 202, 249, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68); }
+ background: rgba(144, 202, 249, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(144, 202, 249, 0.12); }
+ background: rgba(144, 202, 249, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16); }
+ background: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(144, 202, 249, 0.16); }
+ background-color: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(197, 225, 165, 0.76); }
+ background: rgba(197, 225, 165, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68); }
+ background: rgba(197, 225, 165, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(197, 225, 165, 0.12); }
+ background: rgba(197, 225, 165, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16); }
+ background: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(197, 225, 165, 0.16); }
+ background-color: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(255, 245, 157, 0.76); }
+ background: rgba(255, 245, 157, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68); }
+ background: rgba(255, 245, 157, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 245, 157, 0.12); }
+ background: rgba(255, 245, 157, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16); }
+ background: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 245, 157, 0.16); }
+ background-color: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(206, 147, 216, 0.76); }
+ background: rgba(206, 147, 216, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68); }
+ background: rgba(206, 147, 216, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(206, 147, 216, 0.12); }
+ background: rgba(206, 147, 216, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16); }
+ background: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(239, 154, 154, 0.76); }
+ background: rgba(239, 154, 154, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68); }
+ background: rgba(239, 154, 154, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(239, 154, 154, 0.12); }
+ background: rgba(239, 154, 154, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16); }
+ background: rgba(239, 154, 154, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(239, 154, 154, 0.16); }
+ background-color: rgba(239, 154, 154, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
background: #1e1e1e;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(255, 255, 255, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #9FA8DA;
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #9FA8DA;
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); }
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); }
+ box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #f44435; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ border-color: #f44435;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #F48FB1;
- color: #121212; }
+ color: #121212;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
+ background-color: rgba(159, 168, 218, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: rgba(255, 255, 255, 0.7);
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #9FA8DA; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: rgba(255, 255, 255, 0.7);
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #9FA8DA;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #121212;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #121212;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
+ background-color: rgba(159, 168, 218, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F48FB1;
- color: #121212; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #121212;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(244, 143, 177, 0.68);
- color: #121212; }
+ color: #121212;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #1e1e1e;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #9FA8DA; }
+ color: #9FA8DA;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
+ background-color: rgba(159, 168, 218, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; }
+ box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
+ background-color: rgba(159, 168, 218, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #9FA8DA; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #9FA8DA;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
.p-selectbutton .p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #9FA8DA;
- color: #121212; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #9FA8DA;
+ color: #121212;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(159, 168, 218, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #9FA8DA;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(159, 168, 218, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(159, 168, 218, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #9FA8DA;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(159, 168, 218, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(159, 168, 218, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #9FA8DA;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(159, 168, 218, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(159, 168, 218, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #9FA8DA;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index efd820149..01c7584d4 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -23,61 +23,74 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #B00020; }
+ color: #B00020;
+}
.p-text-secondary {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 1rem; }
+ right: 1rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 4rem; }
+ right: 4rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.5rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.5rem 1rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.5rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-autocomplete-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2.5rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-color: black; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid rgba(0, 0, 0, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(0, 0, 0, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: black;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 1rem 1rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 1rem 1rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f5f5f5; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 18px;
- height: 18px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #673AB7;
- background: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #673AB7;
- background: #673AB7;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #B00020; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 18px;
+ height: 18px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #673AB7;
+ background: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #673AB7;
+ background: #673AB7;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #B00020;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #673AB7; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #673AB7;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #ececec; }
+ background-color: #ececec;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.5rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.5rem 1rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.5rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 2rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 2rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(0, 0, 0, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-dropdown-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 2rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 2rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f5f5f5; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-editor-container .p-editor-toolbar {
background: #ffffff;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 1rem 1rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 1rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #673AB7; }
+ color: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #673AB7;
+}
.p-inputgroup-addon {
background: #ffffff;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(0, 0, 0, 0.38);
border-bottom: 1px solid rgba(0, 0, 0, 0.38);
padding: 1rem 1rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(0, 0, 0, 0.38); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(0, 0, 0, 0.38);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 3rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #673AB7; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #B00020; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #673AB7;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #B00020;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-inputtext.p-invalid.p-component {
- border-color: #B00020; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #B00020;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.875rem 0.875rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 1.25rem 1.25rem;
+}
.p-float-label > label {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 1rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 3rem; }
+ padding-left: 3rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 3rem; }
+ left: 3rem;
+}
.p-input-icon-right > i:last-of-type {
right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 3rem; }
+ padding-right: 3rem;
+}
::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
::-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #f5f5f5; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #dcdcdc; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #dcdcdc;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-listbox {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 2rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-listbox.p-invalid {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 2rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #B00020;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-multiselect .p-multiselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 2rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 2rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f5f5f5; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-password-panel {
padding: 1rem;
@@ -1050,230 +1301,297 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(103, 58, 183, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #673AB7;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #673AB7;
- background: #ffffff;
- color: #673AB7; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #B00020; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #673AB7;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #673AB7;
+ background: #ffffff;
+ color: #673AB7;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #B00020;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #673AB7;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #B00020; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #673AB7; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #B00020;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #B00020; }
+ color: #B00020;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-slider {
background: #c1c1c1;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #673AB7;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #673AB7; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #673AB7;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #673AB7;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #673AB7;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #673AB7;
+ border-color: 0 none;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-treeselect .p-treeselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f5f5f5; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #B00020; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #B00020;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.714rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(0, 0, 0, 0.6);
- border-color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #673AB7;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.714rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.62475rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.8925rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #673AB7;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 3rem;
+ padding: 0.714rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 3rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.62475rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.8925rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 3rem; }
+ width: 3rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #4CAF50;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(76, 175, 80, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- border-color: transparent;
- color: #4CAF50; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- border-color: transparent;
- color: #4CAF50; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(76, 175, 80, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(76, 175, 80, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ border-color: transparent;
+ color: #4CAF50;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ border-color: transparent;
+ color: #4CAF50;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(33, 150, 243, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- border-color: transparent;
- color: #2196F3; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- border-color: transparent;
- color: #2196F3; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(33, 150, 243, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(33, 150, 243, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ border-color: transparent;
+ color: #2196F3;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ border-color: transparent;
+ color: #2196F3;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(104, 159, 56, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(104, 159, 56, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(104, 159, 56, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(251, 192, 45, 0.92);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(251, 192, 45, 0.92);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(251, 192, 45, 0.68);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(156, 39, 176, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(156, 39, 176, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(156, 39, 176, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(211, 47, 47, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(211, 47, 47, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(211, 47, 47, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #673AB7;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #dcdcdc;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #ececec; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #dcdcdc;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #ececec;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #673AB7; }
+ background: rgba(0, 0, 0, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #673AB7;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -1873,11 +2355,13 @@
padding: 1rem 1rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2.5rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2.5rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
@@ -1957,49 +2456,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #ffffff;
border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #673AB7; }
+ border-color: #673AB7;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(103, 58, 183, 0.12);
border: 1px solid rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ color: #673AB7;
+}
.fc .fc-view-harness .fc-divider {
background: #ffffff;
border: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #e0e0e0; }
+ border: 1px solid #e0e0e0;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #673AB7;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(49, 27, 86, 0.12); }
+ color: #673AB7;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(49, 27, 86, 0.12);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(0, 0, 0, 0.12); }
+ background: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #ffffff;
@@ -2142,67 +2690,81 @@
border: solid #e4e4e4;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- border-color: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ border-color: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 1rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 2rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 2rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #673AB7; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #673AB7;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
@@ -2473,27 +3111,33 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #ffffff;
border-color: transparent;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem 1.5rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: rgba(0, 0, 0, 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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
- padding: 0 1.25rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1.25rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
- padding: 1.25rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1.25rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #e0e0e0;
@@ -2601,27 +3275,33 @@
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #e0e0e0;
@@ -2629,248 +3309,309 @@
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 1rem 1rem;
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
border-radius: 4px;
- color: rgba(0, 0, 0, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(0, 0, 0, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(0, 0, 0, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(0, 0, 0, 0.12); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 1rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.5rem 1rem 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.5rem 1rem 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #673AB7;
- color: #ffffff;
- width: 2.5rem;
- height: 2.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1.25rem;
- right: -1.25rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #673AB7;
+ color: #ffffff;
+ width: 2.5rem;
+ height: 2.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1.25rem;
+ right: -1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: rgba(97, 97, 97, 0.9);
color: #ffffff;
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: rgba(97, 97, 97, 0.9); }
+ border-right-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: rgba(97, 97, 97, 0.9); }
+ border-left-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: rgba(97, 97, 97, 0.9); }
+ border-top-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: rgba(97, 97, 97, 0.9); }
+ border-bottom-color: rgba(97, 97, 97, 0.9);
+}
.p-fileupload .p-fileupload-buttonbar {
background: #ffffff;
@@ -2879,59 +3620,76 @@
color: rgba(0, 0, 0, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(103, 58, 183, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(103, 58, 183, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 1rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 1rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.6);
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 3rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 5rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 7rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 9rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 11rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 3rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 5rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 7rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 9rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 11rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.5rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #ffffff;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #ffffff;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ color: #673AB7;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 1rem 1rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.5rem; }
- .p-message .p-message-close {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1.25rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.5rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.5rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f6f6f6;
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #dcdcdc;
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #ececec; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #dcdcdc;
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #ececec;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #673AB7;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #4CAF50;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #4CAF50;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
- padding: 0 1rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.5rem;
- height: 2.5rem;
- margin-left: -1rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 1rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.5rem;
+ height: 2.5rem;
+ margin-left: -1rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #673AB7; }
- .p-progressbar .p-progressbar-label {
- color: rgba(0, 0, 0, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #673AB7;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #4CAF50; }
- .p-scrolltop.p-link:hover {
- background: rgba(76, 175, 80, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #4CAF50;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(76, 175, 80, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(0, 0, 0, 0.08);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #673AB7;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e0e0e0;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: #f6f6f6; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: #f6f6f6;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(103, 58, 183, 0.76); }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(103, 58, 183, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-button:disabled {
- background-color: rgba(0, 0, 0, 0.12) !important;
- color: rgba(0, 0, 0, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important;
- border-color: rgba(0, 0, 0, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(103, 58, 183, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ border-color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(76, 175, 80, 0.76); }
+ background: rgba(76, 175, 80, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68); }
+ background: rgba(76, 175, 80, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(76, 175, 80, 0.12); }
+ background: rgba(76, 175, 80, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16); }
+ background: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(76, 175, 80, 0.16); }
+ background-color: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(33, 150, 243, 0.76); }
+ background: rgba(33, 150, 243, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68); }
+ background: rgba(33, 150, 243, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(33, 150, 243, 0.12); }
+ background: rgba(33, 150, 243, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16); }
+ background: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(33, 150, 243, 0.16); }
+ background-color: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(104, 159, 56, 0.76); }
+ background: rgba(104, 159, 56, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68); }
+ background: rgba(104, 159, 56, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(104, 159, 56, 0.12); }
+ background: rgba(104, 159, 56, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16); }
+ background: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(104, 159, 56, 0.16); }
+ background-color: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(251, 192, 45, 0.76); }
+ background: rgba(251, 192, 45, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68); }
+ background: rgba(251, 192, 45, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(251, 192, 45, 0.12); }
+ background: rgba(251, 192, 45, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16); }
+ background: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(251, 192, 45, 0.16); }
+ background-color: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(156, 39, 176, 0.76); }
+ background: rgba(156, 39, 176, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68); }
+ background: rgba(156, 39, 176, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(156, 39, 176, 0.12); }
+ background: rgba(156, 39, 176, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16); }
+ background: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(156, 39, 176, 0.16); }
+ background-color: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(211, 47, 47, 0.76); }
+ background: rgba(211, 47, 47, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68); }
+ background: rgba(211, 47, 47, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(211, 47, 47, 0.12); }
+ background: rgba(211, 47, 47, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16); }
+ background: rgba(211, 47, 47, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(211, 47, 47, 0.16); }
+ background-color: rgba(211, 47, 47, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(0, 0, 0, 0.38);
background: #ffffff;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(0, 0, 0, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(0, 0, 0, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #673AB7;
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #673AB7;
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); }
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); }
+ box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #B00020; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ border-color: #B00020;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4CAF50;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: #757575;
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: #757575;
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #ffffff; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #4CAF50;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4CAF50;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(76, 175, 80, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #ffffff;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: #f6f6f6; }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: #f6f6f6;
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
.p-selectbutton .p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #673AB7;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #673AB7;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 87b6e0d93..4add849ef 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -23,61 +23,74 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #B00020; }
+ color: #B00020;
+}
.p-text-secondary {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 1rem; }
+ right: 1rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 4rem; }
+ right: 4rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.5rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.5rem 1rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.5rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-autocomplete-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2.5rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-color: black; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid rgba(0, 0, 0, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(0, 0, 0, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: black;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 1rem 1rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 1rem 1rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f5f5f5; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 18px;
- height: 18px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #3F51B5;
- background: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3F51B5;
- background: #3F51B5;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #B00020; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 18px;
+ height: 18px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #3F51B5;
+ background: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #3F51B5;
+ background: #3F51B5;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #B00020;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #3F51B5; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #3F51B5;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #ececec; }
+ background-color: #ececec;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.5rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.5rem 1rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.5rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 2rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 2rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(0, 0, 0, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-dropdown-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 2rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 2rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f5f5f5; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-editor-container .p-editor-toolbar {
background: #ffffff;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 1rem 1rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 1rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #3F51B5;
+}
.p-inputgroup-addon {
background: #ffffff;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(0, 0, 0, 0.38);
border-bottom: 1px solid rgba(0, 0, 0, 0.38);
padding: 1rem 1rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(0, 0, 0, 0.38); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(0, 0, 0, 0.38);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 3rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #3F51B5; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #B00020; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #3F51B5;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #B00020;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-inputtext.p-invalid.p-component {
- border-color: #B00020; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #B00020;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.875rem 0.875rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 1.25rem 1.25rem;
+}
.p-float-label > label {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 1rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 3rem; }
+ padding-left: 3rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 3rem; }
+ left: 3rem;
+}
.p-input-icon-right > i:last-of-type {
right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 3rem; }
+ padding-right: 3rem;
+}
::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
::-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #f5f5f5; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #dcdcdc; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #dcdcdc;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-listbox {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 2rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-listbox.p-invalid {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 2rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #B00020;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-multiselect .p-multiselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 2rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 1rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 2rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f5f5f5; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-password-panel {
padding: 1rem;
@@ -1050,230 +1301,297 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(63, 81, 181, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #3F51B5;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3F51B5;
- background: #ffffff;
- color: #3F51B5; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #B00020; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #3F51B5;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #3F51B5;
+ background: #ffffff;
+ color: #3F51B5;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #B00020;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #3F51B5;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #B00020; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #3F51B5; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #B00020;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #B00020; }
+ color: #B00020;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-slider {
background: #c1c1c1;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3F51B5;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #3F51B5; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3F51B5;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #3F51B5;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #3F51B5;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #3F51B5;
+ border-color: 0 none;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-treeselect .p-treeselect-label {
- padding: 1rem 1rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 1rem 1rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.5rem 1rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f5f5f5; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #B00020; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #B00020;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.714rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(0, 0, 0, 0.6);
- border-color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #3F51B5;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.714rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.62475rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.8925rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #3F51B5;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 3rem;
+ padding: 0.714rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 3rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.62475rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.8925rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 3rem; }
+ width: 3rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #ff4081;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(255, 64, 129, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #ff4081;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- border-color: transparent;
- color: #ff4081; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- border-color: transparent;
- color: #ff4081; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(255, 64, 129, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(255, 64, 129, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ff4081;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ border-color: transparent;
+ color: #ff4081;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ border-color: transparent;
+ color: #ff4081;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(33, 150, 243, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- border-color: transparent;
- color: #2196F3; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- border-color: transparent;
- color: #2196F3; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(33, 150, 243, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(33, 150, 243, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ border-color: transparent;
+ color: #2196F3;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ border-color: transparent;
+ color: #2196F3;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(104, 159, 56, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(104, 159, 56, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(104, 159, 56, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(251, 192, 45, 0.92);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(251, 192, 45, 0.92);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(251, 192, 45, 0.68);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(156, 39, 176, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(156, 39, 176, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(156, 39, 176, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(211, 47, 47, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(211, 47, 47, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(211, 47, 47, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #3F51B5;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #dcdcdc;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #ececec; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #dcdcdc;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #ececec;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #3F51B5; }
+ background: rgba(0, 0, 0, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #3F51B5;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -1873,11 +2355,13 @@
padding: 1rem 1rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2.5rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2.5rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 1rem 1rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 1rem;
@@ -1957,49 +2456,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #ffffff;
border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #3F51B5; }
+ border-color: #3F51B5;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(63, 81, 181, 0.12);
border: 1px solid rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.fc .fc-view-harness .fc-divider {
background: #ffffff;
border: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #e0e0e0; }
+ border: 1px solid #e0e0e0;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #3F51B5;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(30, 39, 86, 0.12); }
+ color: #3F51B5;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(30, 39, 86, 0.12);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(0, 0, 0, 0.12); }
+ background: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #ffffff;
@@ -2142,67 +2690,81 @@
border: solid #e4e4e4;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- border-color: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ border-color: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 1rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 1rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 1rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 2rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 2rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #3F51B5; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #3F51B5;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
@@ -2473,27 +3111,33 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #ffffff;
border-color: transparent;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem 1.5rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: rgba(0, 0, 0, 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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
- padding: 0 1.25rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1.25rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
- padding: 1.25rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1.25rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #e0e0e0;
@@ -2601,27 +3275,33 @@
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #e0e0e0;
@@ -2629,248 +3309,309 @@
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 1rem 1rem;
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
border-radius: 4px;
- color: rgba(0, 0, 0, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(0, 0, 0, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(0, 0, 0, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(0, 0, 0, 0.12); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 1rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.5rem 1rem 1.5rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.5rem 1rem 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #3F51B5;
- color: #ffffff;
- width: 2.5rem;
- height: 2.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1.25rem;
- right: -1.25rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #3F51B5;
+ color: #ffffff;
+ width: 2.5rem;
+ height: 2.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1.25rem;
+ right: -1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: rgba(97, 97, 97, 0.9);
color: #ffffff;
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: rgba(97, 97, 97, 0.9); }
+ border-right-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: rgba(97, 97, 97, 0.9); }
+ border-left-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: rgba(97, 97, 97, 0.9); }
+ border-top-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: rgba(97, 97, 97, 0.9); }
+ border-bottom-color: rgba(97, 97, 97, 0.9);
+}
.p-fileupload .p-fileupload-buttonbar {
background: #ffffff;
@@ -2879,59 +3620,76 @@
color: rgba(0, 0, 0, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(63, 81, 181, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(63, 81, 181, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 1rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 1rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 1rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2.5rem;
+ height: 2.5rem;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.6);
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 3rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 5rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 7rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 9rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 11rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 3rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 5rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 7rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 9rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 11rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.5rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #ffffff;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #ffffff;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 1rem 1.5rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 1rem 1.5rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 1rem 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 1rem 1rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.5rem; }
- .p-message .p-message-close {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1.25rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.5rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.5rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f6f6f6;
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #dcdcdc;
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #ececec; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #dcdcdc;
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #ececec;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #3F51B5;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #ff4081;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #ff4081;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
- padding: 0 1rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.5rem;
- height: 2.5rem;
- margin-left: -1rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 1rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.5rem;
+ height: 2.5rem;
+ margin-left: -1rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3F51B5; }
- .p-progressbar .p-progressbar-label {
- color: rgba(0, 0, 0, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3F51B5;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #ff4081; }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 64, 129, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #ff4081;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 64, 129, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(0, 0, 0, 0.08);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #3F51B5;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e0e0e0;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: #f6f6f6; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: #f6f6f6;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(63, 81, 181, 0.76); }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(63, 81, 181, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-button:disabled {
- background-color: rgba(0, 0, 0, 0.12) !important;
- color: rgba(0, 0, 0, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important;
- border-color: rgba(0, 0, 0, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(63, 81, 181, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ border-color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(255, 64, 129, 0.76); }
+ background: rgba(255, 64, 129, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68); }
+ background: rgba(255, 64, 129, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 64, 129, 0.12); }
+ background: rgba(255, 64, 129, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16); }
+ background: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 64, 129, 0.16); }
+ background-color: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(33, 150, 243, 0.76); }
+ background: rgba(33, 150, 243, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68); }
+ background: rgba(33, 150, 243, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(33, 150, 243, 0.12); }
+ background: rgba(33, 150, 243, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16); }
+ background: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(33, 150, 243, 0.16); }
+ background-color: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(104, 159, 56, 0.76); }
+ background: rgba(104, 159, 56, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68); }
+ background: rgba(104, 159, 56, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(104, 159, 56, 0.12); }
+ background: rgba(104, 159, 56, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16); }
+ background: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(104, 159, 56, 0.16); }
+ background-color: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(251, 192, 45, 0.76); }
+ background: rgba(251, 192, 45, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68); }
+ background: rgba(251, 192, 45, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(251, 192, 45, 0.12); }
+ background: rgba(251, 192, 45, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16); }
+ background: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(251, 192, 45, 0.16); }
+ background-color: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(156, 39, 176, 0.76); }
+ background: rgba(156, 39, 176, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68); }
+ background: rgba(156, 39, 176, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(156, 39, 176, 0.12); }
+ background: rgba(156, 39, 176, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16); }
+ background: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(156, 39, 176, 0.16); }
+ background-color: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(211, 47, 47, 0.76); }
+ background: rgba(211, 47, 47, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68); }
+ background: rgba(211, 47, 47, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(211, 47, 47, 0.12); }
+ background: rgba(211, 47, 47, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16); }
+ background: rgba(211, 47, 47, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(211, 47, 47, 0.16); }
+ background-color: rgba(211, 47, 47, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(0, 0, 0, 0.38);
background: #ffffff;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(0, 0, 0, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(0, 0, 0, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #3F51B5;
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #3F51B5;
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); }
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); }
+ box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #B00020; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ border-color: #B00020;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #ff4081;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: #757575;
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: #757575;
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #ffffff; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ff4081;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #ff4081;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 64, 129, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #ffffff;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.5rem;
- padding-bottom: .5rem; }
+ padding-bottom: 0.5rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: #f6f6f6; }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: #f6f6f6;
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
.p-selectbutton .p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #3F51B5;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #3F51B5;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 854ca8bef..d1e915664 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -23,61 +23,74 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #f44435; }
+ color: #f44435;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3rem; }
+ right: 3rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.375rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.375rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-autocomplete-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2b2b2b; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.25rem;
- height: 2.25rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.25rem;
- height: 2.25rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-color: rgba(255, 255, 255, 0.5); }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.75rem 0;
- border-top: 1px solid rgba(255, 255, 255, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(255, 255, 255, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2b2b2b;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.25rem;
+ height: 2.25rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.25rem;
+ height: 2.25rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-color: rgba(255, 255, 255, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.75rem 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-cascadeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 18px;
- height: 18px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #673AB7;
- background: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #673AB7;
- background: #673AB7;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44435; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 18px;
+ height: 18px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #673AB7;
+ background: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #673AB7;
+ background: #673AB7;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44435;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #673AB7; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #673AB7;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: rgba(255, 255, 255, 0.08); }
+ background-color: rgba(255, 255, 255, 0.08);
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.375rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.375rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2b2b2b;
- border-color: #1e1e1e; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #1e1e1e;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-dropdown-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.75rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.75rem 0.75rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-content .ql-editor {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #673AB7; }
+ color: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #673AB7;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 0.75rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(255, 255, 255, 0.3); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(255, 255, 255, 0.3);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.25rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.25rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #bdbdbd;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #673AB7; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #f44435; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #bdbdbd;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #673AB7;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44435;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44435; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44435;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.65625rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.9375rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f44435;
+}
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-multiselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-password-panel {
padding: 0.75rem;
@@ -1050,230 +1301,297 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(103, 58, 183, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #EF9A9A; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFF59D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #673AB7;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #673AB7;
- background: #ffffff;
- color: #673AB7; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44435; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #673AB7;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #673AB7;
+ background: #ffffff;
+ color: #673AB7;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44435;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #673AB7;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f44435; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #673AB7; }
+ font-size: 1rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f44435;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f44435; }
+ color: #f44435;
+}
.p-selectbutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-slider {
background: rgba(255, 255, 255, 0.3);
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #673AB7;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #673AB7; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #673AB7;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #673AB7;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #673AB7;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #673AB7;
+ border-color: 0 none;
+}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-treeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44435; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44435;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.571rem 0.75rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #673AB7;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.25rem;
- padding: 0.571rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.25rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.499625rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.71375rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #673AB7;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.25rem;
+ padding: 0.571rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.25rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.499625rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.71375rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.25rem; }
+ width: 2.25rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #4CAF50;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(76, 175, 80, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- border-color: transparent;
- color: #4CAF50; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- border-color: transparent;
- color: #4CAF50; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(76, 175, 80, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(76, 175, 80, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ border-color: transparent;
+ color: #4CAF50;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ border-color: transparent;
+ color: #4CAF50;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(144, 202, 249, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #90CAF9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- border-color: transparent;
- color: #90CAF9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- border-color: transparent;
- color: #90CAF9; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(144, 202, 249, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(144, 202, 249, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #90CAF9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ border-color: transparent;
+ color: #90CAF9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ border-color: transparent;
+ color: #90CAF9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(197, 225, 165, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(197, 225, 165, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(197, 225, 165, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(255, 245, 157, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFF59D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- border-color: transparent;
- color: #FFF59D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- border-color: transparent;
- color: #FFF59D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(255, 245, 157, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(255, 245, 157, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFF59D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ border-color: transparent;
+ color: #FFF59D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ border-color: transparent;
+ color: #FFF59D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(239, 154, 154, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #EF9A9A;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- border-color: transparent;
- color: #EF9A9A; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- border-color: transparent;
- color: #EF9A9A; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(239, 154, 154, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(239, 154, 154, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #EF9A9A;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ border-color: transparent;
+ color: #EF9A9A;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ border-color: transparent;
+ color: #EF9A9A;
+}
.p-button.p-button-link {
color: #673AB7;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #673AB7;
background: rgba(103, 58, 183, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.16); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #673AB7; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #673AB7;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1873,11 +2355,13 @@
padding: 0.75rem 0.75rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #2b2b2b;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
@@ -1957,49 +2456,64 @@
background: #2b2b2b;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #673AB7; }
+ border-color: #673AB7;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(103, 58, 183, 0.16);
border: 1px solid rgba(103, 58, 183, 0.16);
- color: #673AB7; }
+ color: #673AB7;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid rgba(255, 255, 255, 0.12); }
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #673AB7;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #2f2f2f;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #2f2f2f;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.75rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(49, 27, 86, 0.16); }
+ color: #673AB7;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(49, 27, 86, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.12); }
+ background: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #1e1e1e;
@@ -2142,67 +2690,81 @@
border: solid #404040;
border-width: 0;
padding: 0.375rem 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(103, 58, 183, 0.16);
- border-color: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(103, 58, 183, 0.16);
+ border-color: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 0.75rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.75rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #673AB7;
- background: rgba(103, 58, 183, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #673AB7; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #673AB7;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
@@ -2473,27 +3111,33 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: transparent;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 0.75rem 1.25rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 0.75rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 0.75rem 0; }
- .p-card .p-card-footer {
- padding: 0.75rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 0.75rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 0.75rem 0;
+}
+.p-card .p-card-footer {
+ padding: 0.75rem 0 0 0;
+}
.p-fieldset {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.75rem;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 0.75rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.75rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.75rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2601,27 +3275,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2629,248 +3309,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(255, 255, 255, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(255, 255, 255, 0.12); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: transparent;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: transparent;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tabview .p-tabview-panels {
background: transparent;
padding: 0.75rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 0.75rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #262626; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 0.75rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #262626;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.25rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0.75rem 1.25rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #673AB7;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #262626; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.75rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #673AB7;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #262626;
+}
.p-sidebar {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 0.75rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.75rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.75rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.75rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: #444444;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #444444; }
+ border-right-color: #444444;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #444444; }
+ border-left-color: #444444;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #444444; }
+ border-top-color: #444444;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #444444; }
+ border-bottom-color: #444444;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2879,59 +3620,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(103, 58, 183, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(103, 58, 183, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- padding: 0.75rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 0.75rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.75rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2b2b2b;
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.75rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.6);
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.25rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
+ color: #673AB7;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: transparent;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: transparent;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 0.75rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.25rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.25rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.87);
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.3); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #673AB7;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #4CAF50;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #4CAF50;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #673AB7; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #673AB7;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #4CAF50; }
- .p-scrolltop.p-link:hover {
- background: rgba(76, 175, 80, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.15rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #4CAF50;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(76, 175, 80, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #673AB7;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-tag.p-tag-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-tag.p-tag-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.75rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(103, 58, 183, 0.76); }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(103, 58, 183, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-button:disabled {
- background-color: rgba(255, 255, 255, 0.12) !important;
- color: rgba(255, 255, 255, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important;
- border-color: rgba(255, 255, 255, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(103, 58, 183, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ border-color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(76, 175, 80, 0.76); }
+ background: rgba(76, 175, 80, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68); }
+ background: rgba(76, 175, 80, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(76, 175, 80, 0.12); }
+ background: rgba(76, 175, 80, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16); }
+ background: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(76, 175, 80, 0.16); }
+ background-color: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(144, 202, 249, 0.76); }
+ background: rgba(144, 202, 249, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68); }
+ background: rgba(144, 202, 249, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(144, 202, 249, 0.12); }
+ background: rgba(144, 202, 249, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16); }
+ background: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(144, 202, 249, 0.16); }
+ background-color: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(197, 225, 165, 0.76); }
+ background: rgba(197, 225, 165, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68); }
+ background: rgba(197, 225, 165, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(197, 225, 165, 0.12); }
+ background: rgba(197, 225, 165, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16); }
+ background: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(197, 225, 165, 0.16); }
+ background-color: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(255, 245, 157, 0.76); }
+ background: rgba(255, 245, 157, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68); }
+ background: rgba(255, 245, 157, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 245, 157, 0.12); }
+ background: rgba(255, 245, 157, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16); }
+ background: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 245, 157, 0.16); }
+ background-color: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(206, 147, 216, 0.76); }
+ background: rgba(206, 147, 216, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68); }
+ background: rgba(206, 147, 216, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(206, 147, 216, 0.12); }
+ background: rgba(206, 147, 216, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16); }
+ background: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(239, 154, 154, 0.76); }
+ background: rgba(239, 154, 154, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68); }
+ background: rgba(239, 154, 154, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(239, 154, 154, 0.12); }
+ background: rgba(239, 154, 154, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16); }
+ background: rgba(239, 154, 154, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(239, 154, 154, 0.16); }
+ background-color: rgba(239, 154, 154, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
background: #1e1e1e;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(255, 255, 255, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #673AB7;
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #673AB7;
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); }
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16); }
+ box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #f44435; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ border-color: #f44435;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4CAF50;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: rgba(255, 255, 255, 0.7);
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: rgba(255, 255, 255, 0.7);
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #4CAF50;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4CAF50;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(76, 175, 80, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #1e1e1e;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
.p-selectbutton .p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #673AB7;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #673AB7;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 21ac30d64..703b5b5ad 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -23,61 +23,74 @@
--surface-800: #474747;
--surface-900: #4d4d4d;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #f44435; }
+ color: #f44435;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3rem; }
+ right: 3rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.375rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.375rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-autocomplete-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-datepicker {
padding: 0.5rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2b2b2b; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.25rem;
- height: 2.25rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.25rem;
- height: 2.25rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-color: rgba(255, 255, 255, 0.5); }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.75rem 0;
- border-top: 1px solid rgba(255, 255, 255, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(255, 255, 255, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #2b2b2b;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.25rem;
+ height: 2.25rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.25rem;
+ height: 2.25rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-color: rgba(255, 255, 255, 0.5);
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.75rem 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-cascadeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 18px;
- height: 18px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #3F51B5;
- background: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3F51B5;
- background: #3F51B5;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44435; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 18px;
+ height: 18px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #3F51B5;
+ background: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #3F51B5;
+ background: #3F51B5;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44435;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #3F51B5; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #3F51B5;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: rgba(255, 255, 255, 0.08); }
+ background-color: rgba(255, 255, 255, 0.08);
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.375rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.375rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #2b2b2b;
- border-color: #1e1e1e; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #1e1e1e;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-dropdown-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-editor-container .p-editor-toolbar {
background: #1e1e1e;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2b2b2b;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.75rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #2b2b2b;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.75rem 0.75rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.12); }
- .p-editor-container .p-editor-content .ql-editor {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #3F51B5;
+}
.p-inputgroup-addon {
background: #1e1e1e;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 0.75rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(255, 255, 255, 0.3); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(255, 255, 255, 0.3);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.25rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.25rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #bdbdbd;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.3); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #3F51B5; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #f44435; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #bdbdbd;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #3F51B5;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44435;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44435; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44435;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.65625rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.9375rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-listbox {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-listbox.p-invalid {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #f44435;
+}
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-multiselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #2b2b2b;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-password-panel {
padding: 0.75rem;
@@ -1050,230 +1301,297 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(63, 81, 181, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #EF9A9A; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFF59D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #EF9A9A;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFF59D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid rgba(255, 255, 255, 0.7);
- background: #1e1e1e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #3F51B5;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3F51B5;
- background: #ffffff;
- color: #3F51B5; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44435; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ background: #1e1e1e;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #3F51B5;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #3F51B5;
+ background: #ffffff;
+ color: #3F51B5;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44435;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #3F51B5;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f44435; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #3F51B5; }
+ font-size: 1rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f44435;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #f44435; }
+ color: #f44435;
+}
.p-selectbutton .p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44435; }
+ border-color: #f44435;
+}
.p-slider {
background: rgba(255, 255, 255, 0.3);
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3F51B5;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #3F51B5; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3F51B5;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #3F51B5;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #3F51B5;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #3F51B5;
+ border-color: 0 none;
+}
.p-treeselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44435; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44435;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-treeselect-panel {
background: #2b2b2b;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: rgba(255, 255, 255, 0.06); }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08); }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.1); }
+ background: rgba(255, 255, 255, 0.06);
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: rgba(255, 255, 255, 0.1);
+}
.p-togglebutton.p-button {
background: #2f2f2f;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44435; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44435;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.571rem 0.75rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #3F51B5;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.25rem;
- padding: 0.571rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.25rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.499625rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.71375rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #3F51B5;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.25rem;
+ padding: 0.571rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.25rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.499625rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.71375rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.25rem; }
+ width: 2.25rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #ff4081;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(255, 64, 129, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #ff4081;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- border-color: transparent;
- color: #ff4081; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- border-color: transparent;
- color: #ff4081; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(255, 64, 129, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(255, 64, 129, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ff4081;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ border-color: transparent;
+ color: #ff4081;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ border-color: transparent;
+ color: #ff4081;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(144, 202, 249, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- color: #90CAF9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #90CAF9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(144, 202, 249, 0.04);
- border-color: transparent;
- color: #90CAF9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(144, 202, 249, 0.16);
- border-color: transparent;
- color: #90CAF9; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(144, 202, 249, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(144, 202, 249, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ color: #90CAF9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #90CAF9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(144, 202, 249, 0.04);
+ border-color: transparent;
+ color: #90CAF9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(144, 202, 249, 0.16);
+ border-color: transparent;
+ color: #90CAF9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(197, 225, 165, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(197, 225, 165, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(197, 225, 165, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(255, 245, 157, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- color: #FFF59D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFF59D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 245, 157, 0.04);
- border-color: transparent;
- color: #FFF59D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 245, 157, 0.16);
- border-color: transparent;
- color: #FFF59D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(255, 245, 157, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(255, 245, 157, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ color: #FFF59D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFF59D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 245, 157, 0.04);
+ border-color: transparent;
+ color: #FFF59D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 245, 157, 0.16);
+ border-color: transparent;
+ color: #FFF59D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(206, 147, 216, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(239, 154, 154, 0.92);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68);
- color: #212121;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- color: #EF9A9A;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #EF9A9A;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(239, 154, 154, 0.04);
- border-color: transparent;
- color: #EF9A9A; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(239, 154, 154, 0.16);
- border-color: transparent;
- color: #EF9A9A; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(239, 154, 154, 0.92);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(239, 154, 154, 0.68);
+ color: #212121;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ color: #EF9A9A;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #EF9A9A;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(239, 154, 154, 0.04);
+ border-color: transparent;
+ color: #EF9A9A;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(239, 154, 154, 0.16);
+ border-color: transparent;
+ color: #EF9A9A;
+}
.p-button.p-button-link {
color: #3F51B5;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #3F51B5;
background: rgba(63, 81, 181, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.16); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #3F51B5; }
+ background: rgba(255, 255, 255, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #3F51B5;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -1873,11 +2355,13 @@
padding: 0.75rem 0.75rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #2b2b2b;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
@@ -1957,49 +2456,64 @@
background: #2b2b2b;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.fc .fc-view-harness th {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #3F51B5; }
+ border-color: #3F51B5;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(63, 81, 181, 0.16);
border: 1px solid rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.fc .fc-view-harness .fc-divider {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid rgba(255, 255, 255, 0.12); }
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #3F51B5;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #2f2f2f;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #373737;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #2f2f2f;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #373737;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #1c1c1c;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.75rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(30, 39, 86, 0.16); }
+ color: #3F51B5;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(30, 39, 86, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.12); }
+ background: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(255, 255, 255, 0.12);
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #1e1e1e;
@@ -2142,67 +2690,81 @@
border: solid #404040;
border-width: 0;
padding: 0.375rem 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(63, 81, 181, 0.16);
- border-color: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(63, 81, 181, 0.16);
+ border-color: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 0.75rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
padding: 0.75rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #404040;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #3F51B5; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #404040;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #3F51B5;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e; }
+ background: #1e1e1e;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
@@ -2473,27 +3111,33 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1e1e1e;
border-color: transparent;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 0.75rem 1.25rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #1e1e1e;
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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 0.75rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 0.75rem 0; }
- .p-card .p-card-footer {
- padding: 0.75rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 0.75rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 0.75rem 0;
+}
+.p-card .p-card-footer {
+ padding: 0.75rem 0 0 0;
+}
.p-fieldset {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.75rem;
- border: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 0.75rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.75rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ background: #1e1e1e;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.04);
+ border-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.75rem;
+}
.p-divider .p-divider-content {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(255, 255, 255, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(255, 255, 255, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2601,27 +3275,33 @@
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2629,248 +3309,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.75rem 0.75rem;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
border-radius: 4px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(255, 255, 255, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(255, 255, 255, 0.12); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: transparent;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: transparent;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tabview .p-tabview-panels {
background: transparent;
padding: 0.75rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 0.75rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #262626; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #262626; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 0.75rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #262626;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #262626;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #262626;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.25rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #262626;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0.75rem 1.25rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #3F51B5;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(38, 38, 38, 0);
- border-bottom-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #262626; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #262626; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.75rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #3F51B5;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(38, 38, 38, 0);
+ border-bottom-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #262626;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #262626;
+}
.p-sidebar {
background: #262626;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 0.75rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.75rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.75rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.75rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: #444444;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #444444; }
+ border-right-color: #444444;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #444444; }
+ border-left-color: #444444;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #444444; }
+ border-top-color: #444444;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #444444; }
+ border-bottom-color: #444444;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1e1e1e;
@@ -2879,59 +3620,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
padding: 2rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(63, 81, 181, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(63, 81, 181, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- padding: 0.75rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 0.75rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(255, 255, 255, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.75rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #2b2b2b;
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- background: transparent;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ background: transparent;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.75rem;
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(255, 255, 255, 0.6);
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.6);
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.25rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #1e1e1e;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1e1e1e;
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1e1e1e;
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(255, 255, 255, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: transparent;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: transparent;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2b2b2b;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #2b2b2b;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 0.75rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.25rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.25rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: rgba(255, 255, 255, 0.87);
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: rgba(255, 255, 255, 0.3);
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: rgba(255, 255, 255, 0.3);
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.3); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(255, 255, 255, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e; }
+ border: 2px solid #1e1e1e;
+}
.p-badge {
background: #3F51B5;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #ff4081;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #ff4081;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3F51B5; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3F51B5;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #ff4081; }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 64, 129, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.15rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #ff4081;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 64, 129, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #3F51B5;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121; }
- .p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121; }
- .p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121; }
- .p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-tag.p-tag-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-tag.p-tag-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.75rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(63, 81, 181, 0.76); }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(63, 81, 181, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-button:disabled {
- background-color: rgba(255, 255, 255, 0.12) !important;
- color: rgba(255, 255, 255, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(255, 255, 255, 0.38) !important;
- border-color: rgba(255, 255, 255, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(63, 81, 181, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(255, 255, 255, 0.38) !important;
+ border-color: rgba(255, 255, 255, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(255, 64, 129, 0.76); }
+ background: rgba(255, 64, 129, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68); }
+ background: rgba(255, 64, 129, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 64, 129, 0.12); }
+ background: rgba(255, 64, 129, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16); }
+ background: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 64, 129, 0.16); }
+ background-color: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(144, 202, 249, 0.76); }
+ background: rgba(144, 202, 249, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(144, 202, 249, 0.68); }
+ background: rgba(144, 202, 249, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(144, 202, 249, 0.12); }
+ background: rgba(144, 202, 249, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(144, 202, 249, 0.16); }
+ background: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(144, 202, 249, 0.16); }
+ background-color: rgba(144, 202, 249, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(197, 225, 165, 0.76); }
+ background: rgba(197, 225, 165, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(197, 225, 165, 0.68); }
+ background: rgba(197, 225, 165, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(197, 225, 165, 0.12); }
+ background: rgba(197, 225, 165, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16); }
+ background: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(197, 225, 165, 0.16); }
+ background-color: rgba(197, 225, 165, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(255, 245, 157, 0.76); }
+ background: rgba(255, 245, 157, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(255, 245, 157, 0.68); }
+ background: rgba(255, 245, 157, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 245, 157, 0.12); }
+ background: rgba(255, 245, 157, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 245, 157, 0.16); }
+ background: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 245, 157, 0.16); }
+ background-color: rgba(255, 245, 157, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(206, 147, 216, 0.76); }
+ background: rgba(206, 147, 216, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(206, 147, 216, 0.68); }
+ background: rgba(206, 147, 216, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(206, 147, 216, 0.12); }
+ background: rgba(206, 147, 216, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16); }
+ background: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(206, 147, 216, 0.16); }
+ background-color: rgba(206, 147, 216, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(239, 154, 154, 0.76); }
+ background: rgba(239, 154, 154, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(239, 154, 154, 0.68); }
+ background: rgba(239, 154, 154, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(239, 154, 154, 0.12); }
+ background: rgba(239, 154, 154, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(239, 154, 154, 0.16); }
+ background: rgba(239, 154, 154, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(239, 154, 154, 0.16); }
+ background-color: rgba(239, 154, 154, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(255, 255, 255, 0.3);
background: #1e1e1e;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(255, 255, 255, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(255, 255, 255, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.6); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #3F51B5;
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #3F51B5;
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); }
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16); }
+ box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #f44435; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ border-color: #f44435;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #ff4081;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: rgba(255, 255, 255, 0.7);
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: rgba(255, 255, 255, 0.7); }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: rgba(255, 255, 255, 0.7);
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ff4081;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #ff4081;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 64, 129, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #1e1e1e;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.08);
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; }
+ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04); }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: rgba(255, 255, 255, 0.04);
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid rgba(255, 255, 255, 0.7); }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid rgba(255, 255, 255, 0.7);
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #1e1e1e; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #1e1e1e; }
+ background-color: #1e1e1e;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #1e1e1e;
+}
.p-selectbutton .p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #3F51B5;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #3F51B5;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(255, 255, 255, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(255, 255, 255, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #1c1c1c;
- border-color: rgba(255, 255, 255, 0.12); }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #262626;
- border-color: rgba(255, 255, 255, 0.12); }
+ border-color: rgba(255, 255, 255, 0.12);
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #262626;
+ border-color: rgba(255, 255, 255, 0.12);
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 186f05058..a85320f51 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -23,61 +23,74 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #B00020; }
+ color: #B00020;
+}
.p-text-secondary {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3rem; }
+ right: 3rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.375rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.375rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-autocomplete-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.25rem;
- height: 2.25rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.25rem;
- height: 2.25rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-color: black; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.75rem 0;
- border-top: 1px solid rgba(0, 0, 0, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(0, 0, 0, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.25rem;
+ height: 2.25rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.25rem;
+ height: 2.25rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: black;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.75rem 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f5f5f5; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 18px;
- height: 18px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #673AB7;
- background: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #673AB7;
- background: #673AB7;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #B00020; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 18px;
+ height: 18px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #673AB7;
+ background: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #673AB7;
+ background: #673AB7;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #B00020;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #673AB7; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #673AB7;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #ececec; }
+ background-color: #ececec;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.375rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.375rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(0, 0, 0, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-dropdown-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f5f5f5; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-editor-container .p-editor-toolbar {
background: #ffffff;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.75rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.75rem 0.75rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #673AB7; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #673AB7; }
+ color: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #673AB7;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #673AB7;
+}
.p-inputgroup-addon {
background: #ffffff;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(0, 0, 0, 0.38);
border-bottom: 1px solid rgba(0, 0, 0, 0.38);
padding: 0.75rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(0, 0, 0, 0.38); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(0, 0, 0, 0.38);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.25rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.25rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #673AB7; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(103, 58, 183, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #B00020; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #673AB7;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(103, 58, 183, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #B00020;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-inputtext.p-invalid.p-component {
- border-color: #B00020; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #B00020;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.65625rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.9375rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
::-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #f5f5f5; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #dcdcdc; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #dcdcdc;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-listbox {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-listbox.p-invalid {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #B00020;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f5f5f5; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-password-panel {
padding: 0.75rem;
@@ -1050,230 +1301,297 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(103, 58, 183, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(103, 58, 183, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #673AB7; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #673AB7;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #673AB7;
- background: #ffffff;
- color: #673AB7; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #B00020; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #673AB7;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #673AB7;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #673AB7;
+ background: #ffffff;
+ color: #673AB7;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #B00020;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #673AB7;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #B00020; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #673AB7; }
+ font-size: 1rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #B00020;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #B00020; }
+ color: #B00020;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-slider {
background: #c1c1c1;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #673AB7;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #673AB7; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #673AB7;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #673AB7;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #673AB7;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #673AB7;
+ border-color: 0 none;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #673AB7; }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f5f5f5; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #B00020; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #B00020;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.571rem 0.75rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(0, 0, 0, 0.6);
- border-color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(103, 58, 183, 0.04);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(103, 58, 183, 0.16);
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #673AB7;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.25rem;
- padding: 0.571rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.25rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.499625rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.71375rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(103, 58, 183, 0.04);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #673AB7;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.25rem;
+ padding: 0.571rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.25rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.499625rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.71375rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.25rem; }
+ width: 2.25rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #4CAF50;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(76, 175, 80, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- border-color: transparent;
- color: #4CAF50; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- border-color: transparent;
- color: #4CAF50; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(76, 175, 80, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(76, 175, 80, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ border-color: transparent;
+ color: #4CAF50;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ border-color: transparent;
+ color: #4CAF50;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(33, 150, 243, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- border-color: transparent;
- color: #2196F3; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- border-color: transparent;
- color: #2196F3; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(33, 150, 243, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(33, 150, 243, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ border-color: transparent;
+ color: #2196F3;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ border-color: transparent;
+ color: #2196F3;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(104, 159, 56, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(104, 159, 56, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(104, 159, 56, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(251, 192, 45, 0.92);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(251, 192, 45, 0.92);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(251, 192, 45, 0.68);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(156, 39, 176, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(156, 39, 176, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(156, 39, 176, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(211, 47, 47, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(211, 47, 47, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(211, 47, 47, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #673AB7;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #673AB7;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #673AB7;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #dcdcdc;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #ececec; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #dcdcdc;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #ececec;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #673AB7; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #673AB7; }
+ background: rgba(0, 0, 0, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #673AB7;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #673AB7;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -1873,11 +2355,13 @@
padding: 0.75rem 0.75rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
@@ -1957,49 +2456,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.fc .fc-view-harness th {
background: #ffffff;
border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #673AB7; }
+ border-color: #673AB7;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(103, 58, 183, 0.12);
border: 1px solid rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ color: #673AB7;
+}
.fc .fc-view-harness .fc-divider {
background: #ffffff;
border: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #e0e0e0; }
+ border: 1px solid #e0e0e0;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #673AB7;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(103, 58, 183, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.75rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(49, 27, 86, 0.12); }
+ color: #673AB7;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(49, 27, 86, 0.12);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(0, 0, 0, 0.12); }
+ background: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #ffffff;
@@ -2142,67 +2690,81 @@
border: solid #e4e4e4;
border-width: 0;
padding: 0.375rem 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- border-color: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ border-color: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 0.75rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0.75rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #673AB7; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #673AB7;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #673AB7;
+ background: rgba(103, 58, 183, 0.12);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #673AB7; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #673AB7; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #673AB7;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #673AB7;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #673AB7; }
+ background: #673AB7;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
@@ -2473,27 +3111,33 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #ffffff;
border-color: transparent;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 0.75rem 1.25rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: rgba(0, 0, 0, 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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 0.75rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-card .p-card-content {
- padding: 0.75rem 0; }
- .p-card .p-card-footer {
- padding: 0.75rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 0.75rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-card .p-card-content {
+ padding: 0.75rem 0;
+}
+.p-card .p-card-footer {
+ padding: 0.75rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.75rem;
- border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 0.75rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.75rem;
+ border: 1px solid #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.75rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #e0e0e0;
@@ -2601,27 +3275,33 @@
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.75rem;
border: 1px solid #e0e0e0;
@@ -2629,248 +3309,309 @@
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.75rem 0.75rem;
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
border-radius: 4px;
- color: rgba(0, 0, 0, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(0, 0, 0, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(0, 0, 0, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(0, 0, 0, 0.12); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.75rem;
border: 0 none;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 0.75rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 0.75rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1.25rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0.75rem 1.25rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1.25rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.75rem 1.25rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #673AB7;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(103, 58, 183, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.75rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #673AB7;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 0.75rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.75rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.75rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.75rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: rgba(97, 97, 97, 0.9);
color: #ffffff;
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: rgba(97, 97, 97, 0.9); }
+ border-right-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: rgba(97, 97, 97, 0.9); }
+ border-left-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: rgba(97, 97, 97, 0.9); }
+ border-top-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: rgba(97, 97, 97, 0.9); }
+ border-bottom-color: rgba(97, 97, 97, 0.9);
+}
.p-fileupload .p-fileupload-buttonbar {
background: #ffffff;
@@ -2879,59 +3620,76 @@
color: rgba(0, 0, 0, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(103, 58, 183, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(103, 58, 183, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
- padding: 0.75rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
+ padding: 0.75rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.75rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.75rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.6);
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.25rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #ffffff;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #ffffff;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ color: #673AB7;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(103, 58, 183, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: transparent;
- color: #673AB7; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(103, 58, 183, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #673AB7;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 0.75rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.25rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.25rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f6f6f6;
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #dcdcdc;
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #ececec; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #dcdcdc;
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #ececec;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(103, 58, 183, 0.12);
+ color: #673AB7;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #673AB7;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #4CAF50;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #4CAF50;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(103, 58, 183, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #673AB7; }
- .p-progressbar .p-progressbar-label {
- color: rgba(0, 0, 0, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #673AB7;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #4CAF50; }
- .p-scrolltop.p-link:hover {
- background: rgba(76, 175, 80, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.15rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #4CAF50;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(76, 175, 80, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(0, 0, 0, 0.08);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #673AB7;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e0e0e0;
- padding: 0.75rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: #f6f6f6; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: #f6f6f6;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(103, 58, 183, 0.76); }
- .p-button:enabled:active {
- background: rgba(103, 58, 183, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(103, 58, 183, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(103, 58, 183, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-button:disabled {
- background-color: rgba(0, 0, 0, 0.12) !important;
- color: rgba(0, 0, 0, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important;
- border-color: rgba(0, 0, 0, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(103, 58, 183, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(103, 58, 183, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(103, 58, 183, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ border-color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(76, 175, 80, 0.76); }
+ background: rgba(76, 175, 80, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(76, 175, 80, 0.68); }
+ background: rgba(76, 175, 80, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(76, 175, 80, 0.12); }
+ background: rgba(76, 175, 80, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16); }
+ background: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(76, 175, 80, 0.16); }
+ background-color: rgba(76, 175, 80, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(33, 150, 243, 0.76); }
+ background: rgba(33, 150, 243, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68); }
+ background: rgba(33, 150, 243, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(33, 150, 243, 0.12); }
+ background: rgba(33, 150, 243, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16); }
+ background: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(33, 150, 243, 0.16); }
+ background-color: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(104, 159, 56, 0.76); }
+ background: rgba(104, 159, 56, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68); }
+ background: rgba(104, 159, 56, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(104, 159, 56, 0.12); }
+ background: rgba(104, 159, 56, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16); }
+ background: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(104, 159, 56, 0.16); }
+ background-color: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(251, 192, 45, 0.76); }
+ background: rgba(251, 192, 45, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68); }
+ background: rgba(251, 192, 45, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(251, 192, 45, 0.12); }
+ background: rgba(251, 192, 45, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16); }
+ background: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(251, 192, 45, 0.16); }
+ background-color: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(156, 39, 176, 0.76); }
+ background: rgba(156, 39, 176, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68); }
+ background: rgba(156, 39, 176, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(156, 39, 176, 0.12); }
+ background: rgba(156, 39, 176, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16); }
+ background: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(156, 39, 176, 0.16); }
+ background-color: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(211, 47, 47, 0.76); }
+ background: rgba(211, 47, 47, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68); }
+ background: rgba(211, 47, 47, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(211, 47, 47, 0.12); }
+ background: rgba(211, 47, 47, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16); }
+ background: rgba(211, 47, 47, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(211, 47, 47, 0.16); }
+ background-color: rgba(211, 47, 47, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(0, 0, 0, 0.38);
background: #ffffff;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(0, 0, 0, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(0, 0, 0, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #673AB7;
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #673AB7;
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); }
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); }
+ box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #B00020; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ border-color: #B00020;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #4CAF50;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: #757575;
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: #757575;
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #ffffff; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #4CAF50;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4CAF50;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(76, 175, 80, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #ffffff;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #673AB7; }
+ color: #673AB7;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; }
+ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
+ background-color: rgba(103, 58, 183, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: #f6f6f6; }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: #f6f6f6;
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #673AB7; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #673AB7;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
.p-selectbutton .p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #673AB7;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #673AB7;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(103, 58, 183, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(103, 58, 183, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #673AB7;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(103, 58, 183, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #673AB7;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 082c2d440..990f234a0 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -23,61 +23,74 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
/* roboto-regular - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-500 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
/* roboto-700 - latin-ext_latin */
@font-face {
- font-family: 'Roboto';
+ font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.32);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.38; }
+ opacity: 0.38;
+}
.p-error {
- color: #B00020; }
+ color: #B00020;
+}
.p-text-secondary {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- border-radius: 4px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
:root {
--blue-50:#f4fafe;
@@ -179,534 +192,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.75rem; }
+ right: 0.75rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3rem; }
+ right: 3rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.375rem 0.75rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.375rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-autocomplete-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- margin: 0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.25rem;
- height: 2.25rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.25rem;
- height: 2.25rem;
- border-radius: 50%;
- transition: none;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-color: black; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.75rem 0;
- border-top: 1px solid rgba(0, 0, 0, 0.12); }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid rgba(0, 0, 0, 0.12);
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 4px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ margin: 0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.25rem;
+ height: 2.25rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.25rem;
+ height: 2.25rem;
+ border-radius: 50%;
+ transition: none;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: black;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.75rem 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: none;
+ border-radius: 4px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f5f5f5; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-checkbox {
width: 18px;
- height: 18px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 18px;
- height: 18px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #3F51B5;
- background: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3F51B5;
- background: #3F51B5;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #B00020; }
+ height: 18px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 18px;
+ height: 18px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #3F51B5;
+ background: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #3F51B5;
+ background: #3F51B5;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #B00020;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #3F51B5; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #3F51B5;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #ececec; }
+ background-color: #ececec;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
- font-size: 1rem;
- color: rgba(0, 0, 0, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.375rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.375rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+ font-size: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(0, 0, 0, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-dropdown-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f5f5f5; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-editor-container .p-editor-toolbar {
background: #ffffff;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(0, 0, 0, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.75rem; }
+ border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.75rem 0.75rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e0e0e0; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #e0e0e0;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(0, 0, 0, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(0, 0, 0, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(0, 0, 0, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #3F51B5; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #3F51B5;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #3F51B5;
+}
.p-inputgroup-addon {
background: #ffffff;
@@ -715,27 +880,33 @@
border-left: 1px solid rgba(0, 0, 0, 0.38);
border-bottom: 1px solid rgba(0, 0, 0, 0.38);
padding: 0.75rem 0.75rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid rgba(0, 0, 0, 0.38); }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid rgba(0, 0, 0, 0.38);
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -743,11 +914,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -755,51 +928,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.25rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.25rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-inputswitch {
width: 2.75rem;
- height: 1rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 0.5rem; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.5rem;
- height: 1.5rem;
- left: -1px;
- margin-top: -0.75rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.5rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(0, 0, 0, 0.38); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #3F51B5; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(63, 81, 181, 0.5); }
- .p-inputswitch.p-invalid {
- border-color: #B00020; }
+ height: 1rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+ border-radius: 0.5rem;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.5rem;
+ height: 1.5rem;
+ left: -1px;
+ margin-top: -0.75rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.5rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(0, 0, 0, 0.38);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #3F51B5;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(63, 81, 181, 0.5);
+}
+.p-inputswitch.p-invalid {
+ border-color: #B00020;
+}
.p-inputtext {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
@@ -810,239 +998,302 @@
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
appearance: none;
- border-radius: 4px; }
- .p-inputtext:enabled:hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-inputtext.p-invalid.p-component {
- border-color: #B00020; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ border-radius: 4px;
+}
+.p-inputtext:enabled:hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #B00020;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.65625rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.9375rem 0.9375rem;
+}
.p-float-label > label {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2.5rem; }
+ padding-left: 2.5rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2.5rem; }
+ left: 2.5rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2.5rem; }
+ padding-right: 2.5rem;
+}
::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
::-moz-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #f5f5f5; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #dcdcdc; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #dcdcdc;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-listbox {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-listbox .p-listbox-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- transition: none;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-listbox.p-invalid {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-listbox.p-invalid {
+ border-color: #B00020;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.75rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.75rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f5f5f5; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-password-panel {
padding: 0.75rem;
@@ -1050,230 +1301,297 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(63, 81, 181, 0.32); }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 4px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: rgba(63, 81, 181, 0.32);
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #757575;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #3F51B5; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #3F51B5;
- background: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3F51B5;
- background: #ffffff;
- color: #3F51B5; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #B00020; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #757575;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 10px;
+ height: 10px;
+ transition-duration: 0.2s;
+ background-color: #3F51B5;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #3F51B5;
+ background: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #3F51B5;
+ background: #ffffff;
+ color: #3F51B5;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #B00020;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f5f5f5; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff; }
+ background-color: #f5f5f5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffffff;
+}
.p-rating .p-rating-icon {
color: #3F51B5;
margin-left: 0.5rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- font-size: 1rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #B00020; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #3F51B5; }
+ font-size: 1rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #B00020;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #B00020; }
+ color: #B00020;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #B00020; }
+ border-color: #B00020;
+}
.p-slider {
background: #c1c1c1;
border: 0 none;
- border-radius: 4px; }
- .p-slider.p-slider-horizontal {
- height: 2px; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px; }
- .p-slider.p-slider-vertical {
- width: 2px; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px; }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3F51B5;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-slider .p-slider-range {
- background: #3F51B5; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3F51B5;
- border-color: 0 none; }
+ border-radius: 4px;
+}
+.p-slider.p-slider-horizontal {
+ height: 2px;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -10px;
+ margin-left: -10px;
+}
+.p-slider.p-slider-vertical {
+ width: 2px;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -10px;
+ margin-bottom: -10px;
+}
+.p-slider .p-slider-handle {
+ height: 20px;
+ width: 20px;
+ background: #3F51B5;
+ border: 0 none;
+ border-radius: 50%;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-slider .p-slider-range {
+ background: #3F51B5;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #3F51B5;
+ border-color: 0 none;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- border-color: #3F51B5; }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(0, 0, 0, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(0, 0, 0, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #B00020; }
+ border-radius: 4px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.75rem 0.75rem;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.375rem 0.75rem;
+ margin-right: 0.5rem;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #B00020;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem; }
+ padding: 0.375rem 0.75rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- background: transparent; }
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f5f5f5; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #ececec; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #dcdcdc; }
+ background: #f5f5f5;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #dcdcdc;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: rgba(0, 0, 0, 0.6); }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #B00020; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #B00020;
+}
.p-button {
color: #ffffff;
@@ -1282,364 +1600,465 @@
padding: 0.571rem 0.75rem;
font-size: 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
- border-radius: 4px; }
- .p-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(0, 0, 0, 0.6);
- border-color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(63, 81, 181, 0.04);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(63, 81, 181, 0.16);
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(0, 0, 0, 0.16);
- color: rgba(0, 0, 0, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #3F51B5;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.25rem;
- padding: 0.571rem; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.25rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.499625rem 0.65625rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.71375rem 0.9375rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(63, 81, 181, 0.04);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(0, 0, 0, 0.16);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #3F51B5;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.25rem;
+ padding: 0.571rem;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.25rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.499625rem 0.65625rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.71375rem 0.9375rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.25rem; }
+ width: 2.25rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #ff4081;
- border: 0 none; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: rgba(255, 64, 129, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- color: #ff4081;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #ff4081;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 64, 129, 0.04);
- border-color: transparent;
- color: #ff4081; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(255, 64, 129, 0.16);
- border-color: transparent;
- color: #ff4081; }
+ border: 0 none;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: rgba(255, 64, 129, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: rgba(255, 64, 129, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ color: #ff4081;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ff4081;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 64, 129, 0.04);
+ border-color: transparent;
+ color: #ff4081;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 64, 129, 0.16);
+ border-color: transparent;
+ color: #ff4081;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
- border: 0 none; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: rgba(33, 150, 243, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- border-color: transparent;
- color: #2196F3; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- border-color: transparent;
- color: #2196F3; }
+ border: 0 none;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: rgba(33, 150, 243, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: rgba(33, 150, 243, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ border-color: transparent;
+ color: #2196F3;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ border-color: transparent;
+ color: #2196F3;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 0 none; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: rgba(104, 159, 56, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 0 none;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: rgba(104, 159, 56, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: rgba(104, 159, 56, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 0 none; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: rgba(251, 192, 45, 0.92);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68);
- color: #212529;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 0 none;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: rgba(251, 192, 45, 0.92);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: rgba(251, 192, 45, 0.68);
+ color: #212529;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 0 none; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: rgba(156, 39, 176, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 0 none;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: rgba(156, 39, 176, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: rgba(156, 39, 176, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 0 none; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: rgba(211, 47, 47, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: none; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 0 none;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: rgba(211, 47, 47, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: none;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: rgba(211, 47, 47, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #3F51B5;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #3F51B5;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: none;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #3F51B5;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1650,54 +2069,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #dcdcdc;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #ececec; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #dcdcdc;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #ececec;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1706,7 +2137,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -1714,10 +2146,12 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1725,146 +2159,194 @@
line-height: 1.143rem;
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-sortable-column:focus {
box-shadow: none;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 500; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12); }
+ outline-color: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 500;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(0, 0, 0, 0.02); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #3F51B5; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #3F51B5; }
+ background: rgba(0, 0, 0, 0.02);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #3F51B5;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #3F51B5;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -1873,11 +2355,13 @@
padding: 0.75rem 0.75rem;
font-weight: 500;
border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-bottom-right-radius: 4px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1886,21 +2370,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.6); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1909,15 +2398,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1925,30 +2417,37 @@
border: 0 none;
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.75rem 0.75rem;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: none;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem;
@@ -1957,49 +2456,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.fc .fc-view-harness th {
background: #ffffff;
border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #3F51B5; }
+ border-color: #3F51B5;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: rgba(63, 81, 181, 0.12);
border: 1px solid rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.fc .fc-view-harness .fc-divider {
background: #ffffff;
border: 1px solid #e0e0e0;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #e0e0e0; }
+ border: 1px solid #e0e0e0;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #3F51B5;
@@ -2008,70 +2522,89 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: rgba(63, 81, 181, 0.68);
- color: #ffffff;
- border-color: transparent; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #f6f6f6;
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #e0e0e1;
- border-color: #e0e0e1;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #d9d8d9;
- border-color: #d9d8d9;
- color: rgba(0, 0, 0, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #f6f6f6;
+ border-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #e0e0e1;
+ border-color: #e0e0e1;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+ color: rgba(0, 0, 0, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.75rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2080,61 +2613,76 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(30, 39, 86, 0.12); }
+ color: #3F51B5;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(30, 39, 86, 0.12);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(0, 0, 0, 0.12); }
+ background: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #e0e0e0;
- border-color: rgba(0, 0, 0, 0.12); }
+ border-color: rgba(0, 0, 0, 0.12);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- padding: 0.75rem; }
+ padding: 0.75rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-paginator {
background: #ffffff;
@@ -2142,67 +2690,81 @@
border: solid #e4e4e4;
border-width: 0;
padding: 0.375rem 0.75rem;
- border-radius: 4px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 3rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(0, 0, 0, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 50%; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- border-color: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
+ border-radius: 4px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.6);
+ min-width: 3rem;
+ height: 3rem;
+ margin: 0.143rem;
+ transition: none;
+ border-radius: 50%;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ border-color: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
.p-picklist .p-picklist-buttons {
- padding: 0.75rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.75rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -2211,136 +2773,171 @@
font-weight: 500;
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
+ border-top-left-radius: 4px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: transform 0.2s, none; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12); }
+ border-bottom-left-radius: 4px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.75rem 0.75rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(0, 0, 0, 0.87);
+ background: transparent;
+ transition: transform 0.2s, none;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd; }
+ background-color: #bdbdbd;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding: 0.75rem;
- border-radius: 4px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0.25rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #3F51B5; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 4px;
+ transition: none;
+ padding: 0.25rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #3F51B5;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e4e4e4;
border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem;
- font-weight: 500; }
+ font-weight: 500;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2349,7 +2946,8 @@
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
background: #ffffff;
- transition: none; }
+ transition: none;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
@@ -2357,114 +2955,154 @@
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(0, 0, 0, 0.87);
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: transparent; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(0, 0, 0, 0.87); }
+ outline-color: transparent;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #3F51B5;
+ background: rgba(63, 81, 181, 0.12);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
transition: none;
- outline-color: transparent; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #3F51B5; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #3F51B5; }
+ outline-color: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e4e4e4;
+ border-width: 0 0 1px 0;
+ padding: 0.75rem 0.75rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #3F51B5;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #3F51B5;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #3F51B5; }
+ background: #3F51B5;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem; }
+ padding: 0.65625rem 0.65625rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem; }
+ padding: 0.375rem 0.375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem; }
+ padding: 0.9375rem 0.9375rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
@@ -2473,27 +3111,33 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: none;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none; }
+ box-shadow: none;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #ffffff;
border-color: transparent;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: transparent;
background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 0.75rem 1.25rem;
border: 0 none;
@@ -2503,97 +3147,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-card {
background: #ffffff;
color: rgba(0, 0, 0, 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);
- border-radius: 4px; }
- .p-card .p-card-body {
- padding: 0.75rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-card .p-card-content {
- padding: 0.75rem 0; }
- .p-card .p-card-footer {
- padding: 0.75rem 0 0 0; }
+ border-radius: 4px;
+}
+.p-card .p-card-body {
+ padding: 0.75rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-card .p-card-content {
+ padding: 0.75rem 0;
+}
+.p-card .p-card-footer {
+ padding: 0.75rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.75rem;
- border: 1px solid #e0e0e0;
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- font-weight: 500;
- border-radius: 4px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(0, 0, 0, 0.04);
- border-color: #e0e0e0;
- color: rgba(0, 0, 0, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 0.75rem; }
+ border-radius: 4px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.75rem;
+ border: 1px solid #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+ background: #ffffff;
+ font-weight: 500;
+ border-radius: 4px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(0, 0, 0, 0.04);
+ border-color: #e0e0e0;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.75rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px rgba(0, 0, 0, 0.12); }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px rgba(0, 0, 0, 0.12);
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #e0e0e0;
@@ -2601,27 +3275,33 @@
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 500;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.75rem;
border: 1px solid #e0e0e0;
@@ -2629,248 +3309,309 @@
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.75rem 0.75rem;
border: 1px solid #e0e0e0;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
border-radius: 4px;
- color: rgba(0, 0, 0, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(0, 0, 0, 0.04); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(0, 0, 0, 0.12); }
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(0, 0, 0, 0.12); }
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.75rem;
border: 0 none;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-toolbar {
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 0.75rem;
- border-radius: 4px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 4px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 0.75rem 1.25rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1.25rem 0.75rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 4px;
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 1.25rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0 1.25rem 1.25rem 1.25rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- padding: 0.75rem 1.25rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 1.25rem;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 500;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.75rem 1.25rem;
+ text-align: right;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.32); }
+ background-color: rgba(0, 0, 0, 0.32);
+}
.p-overlaypanel {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
border-radius: 4px;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #3F51B5;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: rgba(63, 81, 181, 0.92);
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.75rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #3F51B5;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 0 none;
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 0.75rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.75rem; }
+ box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.75rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(0, 0, 0, 0.6);
+ border-color: transparent;
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.75rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-tooltip .p-tooltip-text {
background: rgba(97, 97, 97, 0.9);
color: #ffffff;
padding: 0.5rem;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
+ border-radius: 4px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: rgba(97, 97, 97, 0.9); }
+ border-right-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: rgba(97, 97, 97, 0.9); }
+ border-left-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: rgba(97, 97, 97, 0.9); }
+ border-top-color: rgba(97, 97, 97, 0.9);
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: rgba(97, 97, 97, 0.9); }
+ border-bottom-color: rgba(97, 97, 97, 0.9);
+}
.p-fileupload .p-fileupload-buttonbar {
background: #ffffff;
@@ -2879,59 +3620,76 @@
color: rgba(0, 0, 0, 0.87);
border-bottom: 0 none;
border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ border-top-left-radius: 4px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ border-bottom-left-radius: 4px;
+}
.p-fileupload .p-progressbar {
- height: 4px; }
+ height: 4px;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem; }
+ padding: 0.75rem 0.75rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: rgba(63, 81, 181, 0.92);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: rgba(63, 81, 181, 0.68);
color: #ffffff;
- border-color: transparent; }
+ border-color: transparent;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
- padding: 0.75rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: none;
- border-radius: 4px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(0, 0, 0, 0.6); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
+ padding: 0.75rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: none;
+ border-radius: 4px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
.p-contextmenu {
padding: 0.5rem 0;
@@ -2939,146 +3697,193 @@
color: rgba(0, 0, 0, 0.87);
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.75rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.5rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.5rem 0; }
+ border-radius: 4px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.5rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.5rem 0;
+}
.p-menu {
padding: 0.5rem 0;
@@ -3086,227 +3891,299 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
- background: #ffffff;
- font-weight: 400;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.6);
+ background: #ffffff;
+ font-weight: 400;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
.p-menubar {
padding: 0.75rem;
background: transparent;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
- border-radius: 4px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-submenu-list {
+ border-radius: 4px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 4px;
+ transition: none;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(0, 0, 0, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: rgba(0, 0, 0, 0.6);
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.6);
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.25rem;
border: 0 none;
@@ -3314,31 +4191,39 @@
background: #ffffff;
font-weight: 400;
border-radius: 4px;
- transition: none; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: none;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #f6f6f6;
border-color: transparent;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #ffffff;
- border-color: transparent;
- color: rgba(0, 0, 0, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #ffffff;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0;
border: 0 none;
@@ -3349,126 +4234,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
border-radius: 4px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid transparent;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid transparent;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 500;
- color: rgba(0, 0, 0, 0.87); }
+ color: rgba(0, 0, 0, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.12);
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: none;
- border-width: 0 0 0 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.6);
- padding: 0.75rem 1.25rem;
- font-weight: 500;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- margin: 0 0 0 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: rgba(63, 81, 181, 0.04);
- border-color: transparent;
- color: rgba(0, 0, 0, 0.6); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: transparent;
- color: #3F51B5; }
+ border-width: 0 0 1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: none;
+ border-width: 0 0 0 0;
+ border-color: transparent transparent transparent transparent;
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.6);
+ padding: 0.75rem 1.25rem;
+ font-weight: 500;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ transition: none;
+ margin: 0 0 0 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: rgba(63, 81, 181, 0.04);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: transparent;
+ color: #3F51B5;
+}
.p-tieredmenu {
padding: 0.5rem 0;
@@ -3476,214 +4395,280 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0;
+ transition: none;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.5rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
+ margin: 0.5rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
- border-radius: 4px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 1px;
- color: #01579B; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #01579B; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 1px;
- color: #1B5E20; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #1B5E20; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 1px;
- color: #7f6003; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #7f6003; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 1px;
- color: #B71C1C; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #B71C1C; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 4px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 1px;
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #01579B;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 1px;
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #1B5E20;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 1px;
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #7f6003;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 1px;
+ color: #B71C1C;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #B71C1C;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 0.75rem 0;
- border-radius: 4px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-message.p-message-info .p-message-icon {
- color: #01579B; }
- .p-message.p-message-info .p-message-close {
- color: #01579B; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-message.p-message-success .p-message-icon {
- color: #1B5E20; }
- .p-message.p-message-success .p-message-close {
- color: #1B5E20; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-message.p-message-warn .p-message-icon {
- color: #7f6003; }
- .p-message.p-message-warn .p-message-close {
- color: #7f6003; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-message.p-message-error .p-message-icon {
- color: #B71C1C; }
- .p-message.p-message-error .p-message-close {
- color: #B71C1C; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 4px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.25rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #01579B;
+}
+.p-message.p-message-info .p-message-close {
+ color: #01579B;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #1B5E20;
+}
+.p-message.p-message-success .p-message-close {
+ color: #1B5E20;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #7f6003;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #7f6003;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #B71C1C;
+}
+.p-message.p-message-error .p-message-close {
+ color: #B71C1C;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.25rem;
- border-width: 0 0 0 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #01579B; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #1B5E20; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #7f6003; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid transparent;
- border-width: 0 0 0 0;
- color: #B71C1C; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #B71C1C; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1.25rem;
+ border-width: 0 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #01579B;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #1B5E20;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #7f6003;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid transparent;
+ border-width: 0 0 0 0;
+ color: #B71C1C;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #B71C1C;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3692,12 +4677,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f6f6f6;
@@ -3705,85 +4693,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #dcdcdc;
- width: 1.25rem;
- height: 1.25rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #ececec; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #dcdcdc;
+ width: 1.25rem;
+ height: 1.25rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #ececec;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(63, 81, 181, 0.12);
+ color: #3F51B5;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87); }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: rgba(0, 0, 0, 0.12);
- border-radius: 4px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 4px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #3F51B5;
@@ -3792,105 +4805,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #ff4081;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #ff4081;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.32); }
+ background: rgba(0, 0, 0, 0.32);
+}
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
border-radius: 16px;
- padding: 0 0.75rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-inplace .p-inplace-display {
padding: 1rem 1rem;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
.p-progressbar {
border: 0 none;
height: 4px;
background: rgba(63, 81, 181, 0.32);
- border-radius: 4px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3F51B5; }
- .p-progressbar .p-progressbar-label {
- color: rgba(0, 0, 0, 0.87);
- line-height: 4px; }
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3F51B5;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 4px;
+}
.p-scrolltop {
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: #ff4081; }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 64, 129, 0.92); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.15rem;
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #ff4081;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 64, 129, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
.p-skeleton {
background-color: rgba(0, 0, 0, 0.08);
- border-radius: 4px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #3F51B5;
@@ -3898,63 +4938,82 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 4px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 4px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e0e0e0;
- padding: 0.75rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-accordion .p-accordion-tab:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
- order: 1;
- margin-left: auto;
- transition: transform 0.2s; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
- background: #f6f6f6; }
- .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
- transform: rotate(-270deg); }
- .p-accordion .p-accordion-tab.p-accordion-tab-active {
- margin-bottom: 1rem; }
- .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
- transform: rotate(-180deg); }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
- opacity: 1; }
- .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
- opacity: 0.38; }
+ transition: margin-bottom 225ms;
+}
+.p-accordion .p-accordion-tab:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
+ order: 1;
+ margin-left: auto;
+ transition: transform 0.2s;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
+ background: #f6f6f6;
+}
+.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
+ transform: rotate(-270deg);
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active {
+ margin-bottom: 1rem;
+}
+.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
+ transform: rotate(-180deg);
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
+ opacity: 1;
+}
+.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
+ opacity: 0.38;
+}
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
border-bottom-left-radius: 0;
@@ -3964,206 +5023,285 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-button {
font-weight: 500;
- min-width: 4rem; }
- .p-button.p-button-icon-only {
- min-width: auto; }
- .p-button:enabled:focus {
- background: rgba(63, 81, 181, 0.76); }
- .p-button:enabled:active {
- background: rgba(63, 81, 181, 0.68); }
- .p-button .p-ink {
- background-color: rgba(255, 255, 255, 0.32); }
- .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
- background: rgba(63, 81, 181, 0.12); }
- .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
- background: rgba(63, 81, 181, 0.16); }
- .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-button:disabled {
- background-color: rgba(0, 0, 0, 0.12) !important;
- color: rgba(0, 0, 0, 0.38) !important;
- opacity: 1; }
- .p-button:disabled.p-button-text {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important; }
- .p-button:disabled.p-button-outlined {
- background-color: transparent !important;
- color: rgba(0, 0, 0, 0.38) !important;
- border-color: rgba(0, 0, 0, 0.38) !important; }
- .p-button.p-button-raised:enabled:focus {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+ min-width: 4rem;
+}
+.p-button.p-button-icon-only {
+ min-width: auto;
+}
+.p-button:enabled:focus {
+ background: rgba(63, 81, 181, 0.76);
+}
+.p-button:enabled:active {
+ background: rgba(63, 81, 181, 0.68);
+}
+.p-button .p-ink {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
+ background: rgba(63, 81, 181, 0.16);
+}
+.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-button:disabled {
+ background-color: rgba(0, 0, 0, 0.12) !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ opacity: 1;
+}
+.p-button:disabled.p-button-text {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button:disabled.p-button-outlined {
+ background-color: transparent !important;
+ color: rgba(0, 0, 0, 0.38) !important;
+ border-color: rgba(0, 0, 0, 0.38) !important;
+}
+.p-button.p-button-raised:enabled:focus {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- background: rgba(255, 64, 129, 0.76); }
+ background: rgba(255, 64, 129, 0.76);
+}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: rgba(255, 64, 129, 0.68); }
+ background: rgba(255, 64, 129, 0.68);
+}
.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
- background: rgba(255, 64, 129, 0.12); }
+ background: rgba(255, 64, 129, 0.12);
+}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 64, 129, 0.16); }
+ background: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
- background-color: rgba(255, 64, 129, 0.16); }
+ background-color: rgba(255, 64, 129, 0.16);
+}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- background: rgba(33, 150, 243, 0.76); }
+ background: rgba(33, 150, 243, 0.76);
+}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: rgba(33, 150, 243, 0.68); }
+ background: rgba(33, 150, 243, 0.68);
+}
.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
- background: rgba(33, 150, 243, 0.12); }
+ background: rgba(33, 150, 243, 0.12);
+}
.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16); }
+ background: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
- background-color: rgba(33, 150, 243, 0.16); }
+ background-color: rgba(33, 150, 243, 0.16);
+}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- background: rgba(104, 159, 56, 0.76); }
+ background: rgba(104, 159, 56, 0.76);
+}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: rgba(104, 159, 56, 0.68); }
+ background: rgba(104, 159, 56, 0.68);
+}
.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
- background: rgba(104, 159, 56, 0.12); }
+ background: rgba(104, 159, 56, 0.12);
+}
.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16); }
+ background: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
- background-color: rgba(104, 159, 56, 0.16); }
+ background-color: rgba(104, 159, 56, 0.16);
+}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- background: rgba(251, 192, 45, 0.76); }
+ background: rgba(251, 192, 45, 0.76);
+}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: rgba(251, 192, 45, 0.68); }
+ background: rgba(251, 192, 45, 0.68);
+}
.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
- background: rgba(251, 192, 45, 0.12); }
+ background: rgba(251, 192, 45, 0.12);
+}
.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16); }
+ background: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
- background-color: rgba(251, 192, 45, 0.16); }
+ background-color: rgba(251, 192, 45, 0.16);
+}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- background: rgba(156, 39, 176, 0.76); }
+ background: rgba(156, 39, 176, 0.76);
+}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: rgba(156, 39, 176, 0.68); }
+ background: rgba(156, 39, 176, 0.68);
+}
.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
- background: rgba(156, 39, 176, 0.12); }
+ background: rgba(156, 39, 176, 0.12);
+}
.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16); }
+ background: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
- background-color: rgba(156, 39, 176, 0.16); }
+ background-color: rgba(156, 39, 176, 0.16);
+}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- background: rgba(211, 47, 47, 0.76); }
+ background: rgba(211, 47, 47, 0.76);
+}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: rgba(211, 47, 47, 0.68); }
+ background: rgba(211, 47, 47, 0.68);
+}
.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
- background: rgba(211, 47, 47, 0.12); }
+ background: rgba(211, 47, 47, 0.12);
+}
.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16); }
+ background: rgba(211, 47, 47, 0.16);
+}
.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
- background-color: rgba(211, 47, 47, 0.16); }
+ background-color: rgba(211, 47, 47, 0.16);
+}
.p-calendar-w-btn {
border: 1px solid rgba(0, 0, 0, 0.38);
background: #ffffff;
border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); }
- .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button {
- background-color: transparent;
- border: 0 none; }
- .p-calendar-w-btn .p-datepicker-trigger.p-button span {
- color: rgba(0, 0, 0, 0.6); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
- background: rgba(0, 0, 0, 0.04); }
- .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
- background: rgba(0, 0, 0, 0.12); }
- .p-calendar-w-btn:not(.p-disabled):hover {
- border-color: rgba(0, 0, 0, 0.87); }
- .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- border-color: #3F51B5;
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button {
+ background-color: transparent;
+ border: 0 none;
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button span {
+ color: rgba(0, 0, 0, 0.6);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-calendar-w-btn:not(.p-disabled):hover {
+ border-color: rgba(0, 0, 0, 0.87);
+}
+.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ border-color: #3F51B5;
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-datepicker .p-datepicker-header {
- border-bottom: 0 none; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- margin: 0 auto 0 0;
- order: 1; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev {
- order: 2; }
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- order: 3; }
+ border-bottom: 0 none;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ margin: 0 auto 0 0;
+ order: 1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev {
+ order: 2;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ order: 3;
+}
.p-datepicker table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.38);
font-weight: 400;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-datepicker table td.p-datepicker-today > span {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); }
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
+}
.p-datepicker table td.p-datepicker-today.p-highlight {
- box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); }
+ box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12);
+}
.p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-calendar.p-invalid.p-calendar-w-btn {
- border-color: #B00020; }
- .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- box-shadow: none; }
- .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ border-color: #B00020;
+}
+.p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ box-shadow: none;
+}
+.p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-calendar-w-btn {
border-bottom-left-radius: 0;
@@ -4173,61 +5311,79 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-calendar-w-btn .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-calendar-w-btn .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-calendar.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
- .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
- border: 0 none;
- background-image: none; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+ border: 0 none;
+ background-image: none;
+}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #ff4081;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-cascadeselect .p-cascadeselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-cascadeselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-cascadeselect-item-content .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-cascadeselect {
border-bottom-left-radius: 0;
@@ -4237,91 +5393,118 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-cascadeselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-cascadeselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-input-filled .p-cascadeselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-checkbox {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box {
- border-color: #757575;
- border-radius: 2px;
- position: relative; }
- .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
- border-color: #757575; }
- .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
- content: "";
- position: absolute;
- top: 6px;
- left: 1px;
- border-right: 2px solid transparent;
- border-bottom: 2px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checkbox-check 125ms 50ms linear forwards; }
- .p-checkbox:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box {
+ border-color: #757575;
+ border-radius: 2px;
+ position: relative;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
+ border-color: #757575;
+}
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 1px;
+ border-right: 2px solid transparent;
+ border-bottom: 2px solid transparent;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 125ms 50ms linear forwards;
+}
+.p-checkbox:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #ffffff; }
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #ffffff;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
33% {
width: 4px;
height: 0;
- transform: translate3d(0, 0, 0) rotate(45deg); }
+ transform: translate3d(0, 0, 0) rotate(45deg);
+ }
100% {
width: 4px;
height: 10px;
border-color: #ffffff;
- transform: translate3d(0, -10px, 0) rotate(45deg); } }
+ transform: translate3d(0, -10px, 0) rotate(45deg);
+ }
+}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-input-filled .p-chips-multiple-container {
border-bottom-left-radius: 0;
@@ -4331,64 +5514,85 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-chips-multiple-container .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-chips-multiple-container .p-chips-token {
- padding: .25rem 1rem; }
+ padding: 0.25rem 1rem;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
padding-top: 0;
- padding-bottom: 0; }
- .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- font-size: 75%; }
+ padding-bottom: 0;
+}
+.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0; }
+ padding: 0;
+}
.p-input-filled .p-chips.p-invalid .p-chips-multiple-container {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-datatable .p-sortable-column {
- outline: 0 none; }
- .p-datatable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-datatable .p-datatable-tbody > tr {
- outline: 0 none; }
- .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-dropdown .p-inputtext {
- border: 0 none; }
+ border: 0 none;
+}
.p-dropdown:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-dropdown-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-dropdown {
border-bottom-left-radius: 0;
@@ -4398,49 +5602,64 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-dropdown .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-dropdown .p-inputtext {
- border: 0 none; }
+ background-origin: border-box;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-dropdown .p-inputtext {
+ border: 0 none;
+}
.p-input-filled .p-dropdown.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-dropdown.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ff4081;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #ff4081;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 64, 129, 0.68);
- color: #ffffff; }
+ color: #ffffff;
+}
.p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
- .p-inputtext:enabled:focus.p-invalid {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
+.p-inputtext:enabled:focus.p-invalid {
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputtext {
border-bottom-left-radius: 0;
@@ -4450,25 +5669,31 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-inputtext:enabled:focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-inputtext.p-invalid.p-component {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-inputtext.p-invalid.p-component {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-input-filled .p-inputgroup .p-inputgroup-addon {
border-bottom-left-radius: 0;
@@ -4478,49 +5703,65 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
- border-right-color: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
+ border-right-color: transparent;
+}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
.p-input-filled .p-inputgroup input:first-child {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
.p-input-filled .p-inputgroup input:last-child {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
- border-bottom-right-radius: 0; }
+ border-bottom-right-radius: 0;
+}
.p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-input-filled .p-inputnumber.p-invalid .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-inputswitch .p-inputswitch-slider:before {
transition-property: box-shadow transform;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); }
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
.p-fieldset .p-fieldset-legend {
- border: 0 none; }
+ border: 0 none;
+}
.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
@@ -4528,45 +5769,55 @@
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
- top: -.5rem !important;
+ top: -0.5rem !important;
background-color: #ffffff;
padding: 2px 4px;
margin-left: -4px;
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label textarea ~ label {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-float-label input:focus ~ label,
.p-float-label .p-inputwrapper-focus ~ label {
- color: #3F51B5; }
+ color: #3F51B5;
+}
.p-input-filled .p-float-label .p-inputtext {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label input:focus ~ label,
.p-input-filled .p-float-label input.p-filled ~ label,
.p-input-filled .p-float-label textarea:focus ~ label,
.p-input-filled .p-float-label textarea.p-filled ~ label,
.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
- top: .25rem !important;
+ top: 0.25rem !important;
margin-top: 0;
- background: transparent; }
+ background: transparent;
+}
.p-listbox-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
background-image: none;
- background: transparent; }
+ background: transparent;
+}
.p-multiselect .p-multiselect-label {
- border: 0 none; }
+ border: 0 none;
+}
.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; }
+ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
+}
.p-multiselect-item .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
+ background-color: rgba(63, 81, 181, 0.16);
+}
.p-input-filled .p-multiselect {
border-bottom-left-radius: 0;
@@ -4576,250 +5827,329 @@
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
background-size: 0 2px, 100% 1px;
background-position: 50% 100%, 50% 100%;
- background-origin: border-box; }
- .p-input-filled .p-multiselect .p-inputtext {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #ececec;
- border-color: transparent;
- background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-color: #dcdcdc;
- border-color: transparent;
- background-size: 100% 2px, 100% 1px; }
- .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
- background-image: none;
- background: transparent; }
- .p-input-filled .p-multiselect .p-multiselect-label:hover {
- background-image: none;
- background: transparent; }
+ background-origin: border-box;
+}
+.p-input-filled .p-multiselect .p-inputtext {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #ececec;
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-color: #dcdcdc;
+ border-color: transparent;
+ background-size: 100% 2px, 100% 1px;
+}
+.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
+ background-image: none;
+ background: transparent;
+}
+.p-input-filled .p-multiselect .p-multiselect-label:hover {
+ background-image: none;
+ background: transparent;
+}
.p-float-label .p-multiselect-label .p-multiselect-token {
- padding: .25rem 1rem;
- margin-top: .25rem;
- margin-bottom: .25rem; }
+ padding: 0.25rem 1rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect .p-multiselect-label {
padding-top: 1.25rem;
- padding-bottom: .25rem; }
+ padding-bottom: 0.25rem;
+}
.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
- margin-bottom: 0; }
- .p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- font-size: 75%; }
+ margin-bottom: 0;
+}
+.p-input-filled .p-float-label .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ font-size: 75%;
+}
.p-input-filled .p-multiselect.p-invalid {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
- box-shadow: none;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover {
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
+ box-shadow: none;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
.p-multiselect.p-invalid:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem; }
+ padding: 1.5rem;
+}
.p-paginator {
- justify-content: flex-end; }
+ justify-content: flex-end;
+}
.p-input-filled .p-password.p-invalid > .p-inputtext {
border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
- border-color: transparent;
- background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); }
- .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: none;
- border-color: transparent; }
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover {
+ border-color: transparent;
+ background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020);
+}
+.p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
.p-password.p-invalid > .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; }
+ box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020;
+}
.p-panel {
border-radius: 4px;
- 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); }
- .p-panel .p-panel-header,
- .p-panel .p-panel-content,
- .p-panel .p-panel-footer {
- border: 0 none; }
- .p-panel .p-panel-content {
- padding-top: 0; }
- .p-panel .p-panel-title {
- font-size: 1.25rem; }
+ 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);
+}
+.p-panel .p-panel-header,
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
+ border: 0 none;
+}
+.p-panel .p-panel-content {
+ padding-top: 0;
+}
+.p-panel .p-panel-title {
+ font-size: 1.25rem;
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
border-radius: 0;
position: relative;
- transition: margin-bottom 225ms; }
- .p-panelmenu .p-panelmenu-panel:first-child {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel:last-child {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
- background: #f6f6f6; }
+ transition: margin-bottom 225ms;
+}
+.p-panelmenu .p-panelmenu-panel:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus {
+ background: #f6f6f6;
+}
.p-progressbar {
- border-radius: 0; }
- .p-progressbar .p-progressbar-label {
- display: none; }
+ border-radius: 0;
+}
+.p-progressbar .p-progressbar-label {
+ display: none;
+}
.p-radiobutton {
border-radius: 50%;
- transition: box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border: 2px solid #757575; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
- border-color: #3F51B5; }
- .p-radiobutton:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); }
- .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); }
- .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
- box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); }
+ transition: box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ border: 2px solid #757575;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
+ border-color: #3F51B5;
+}
+.p-radiobutton:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
+}
+.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
+}
+.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
+ box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #ffffff; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #ffffff;
+}
.p-selectbutton .p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-selectbutton .p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-selectbutton .p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
- transform: scale(0.7); }
- .p-slider .p-slider-handle:focus {
- box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); }
+ transform: scale(0.7);
+}
+.p-slider .p-slider-handle:focus {
+ box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2);
+}
.p-slider.p-slider-sliding .p-slider-handle {
- transform: scale(1); }
+ transform: scale(1);
+}
.p-steps {
- padding: 1rem 0; }
- .p-steps .p-steps-item {
- justify-content: flex-start;
- flex-direction: row-reverse;
- align-items: center; }
- .p-steps .p-steps-item:before {
- position: static;
- left: auto;
- top: auto;
- margin-top: 0; }
- .p-steps .p-steps-item:last-child {
- flex-grow: 0; }
- .p-steps .p-steps-item:last-child:before {
- display: none; }
- .p-steps .p-steps-item .p-menuitem-link {
- flex-direction: row;
- flex: 1 1 auto;
- overflow: visible;
- padding: 0 0.5rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- background-color: #9e9d9e;
- color: #ffffff;
- font-size: 0.857rem;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin: 0;
- padding-left: 0.5rem; }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background-color: #3F51B5;
- color: #ffffff; }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(0, 0, 0, 0.87); }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1; }
+ padding: 1rem 0;
+}
+.p-steps .p-steps-item {
+ justify-content: flex-start;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.p-steps .p-steps-item:before {
+ position: static;
+ left: auto;
+ top: auto;
+ margin-top: 0;
+}
+.p-steps .p-steps-item:last-child {
+ flex-grow: 0;
+}
+.p-steps .p-steps-item:last-child:before {
+ display: none;
+}
+.p-steps .p-steps-item .p-menuitem-link {
+ flex-direction: row;
+ flex: 1 1 auto;
+ overflow: visible;
+ padding: 0 0.5rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ background-color: #9e9d9e;
+ color: #ffffff;
+ font-size: 0.857rem;
+ min-width: 1.714rem;
+ height: 1.714rem;
+ line-height: 1.714rem;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin: 0;
+ padding-left: 0.5rem;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background-color: #3F51B5;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 600;
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-steps .p-steps-item.p-disabled {
+ opacity: 1;
+}
.p-tabview .p-tabview-nav {
- position: relative; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabview .p-tabview-nav .p-tabview-ink-bar {
+ z-index: 1;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-toolbar {
- border: 0 none; }
+ border: 0 none;
+}
.p-tooltip .p-tooltip-text {
box-shadow: none;
- font-size: .875rem; }
+ font-size: 0.875rem;
+}
.p-tooltip .p-tooltip-arrow {
- display: none; }
+ display: none;
+}
.p-treetable .p-sortable-column {
- outline: 0 none; }
- .p-treetable .p-sortable-column:focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-sortable-column:focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-treetable .p-treetable-tbody > tr {
- outline: 0 none; }
- .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
- background-color: rgba(0, 0, 0, 0.03); }
+ outline: 0 none;
+}
+.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
+ background-color: rgba(0, 0, 0, 0.03);
+}
.p-tabmenu .p-tabmenu-nav {
- position: relative; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
- transition: background-color 0.2s;
- border-radius: 0; }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
- background-color: rgba(63, 81, 181, 0.16); }
- .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
- background-color: rgba(63, 81, 181, 0.12); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3F51B5;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); }
+ position: relative;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
+ transition: background-color 0.2s;
+ border-radius: 0;
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
+ background-color: rgba(63, 81, 181, 0.16);
+}
+.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
+ background-color: rgba(63, 81, 181, 0.12);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #3F51B5;
+ transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
.p-togglebutton.p-button:focus {
background: #e0e0e1;
- border-color: #e0e0e1; }
- .p-togglebutton.p-button:focus.p-highlight {
- background: #d9d8d9;
- border-color: #d9d8d9; }
+ border-color: #e0e0e1;
+}
+.p-togglebutton.p-button:focus.p-highlight {
+ background: #d9d8d9;
+ border-color: #d9d8d9;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index f909dce33..f7f1618b2 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -23,40 +23,50 @@
--surface-800: #222c31;
--surface-900: #111618;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #a80000; }
+ color: #a80000;
+}
.p-text-secondary {
- color: #848484; }
+ color: #848484;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,534 +168,686 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-datepicker {
padding: 0.857rem;
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem; } }
+ padding: 0.25rem;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a80000; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f; }
+ background: #005b9f;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #212121; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-dropdown-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-editor-container .p-editor-toolbar {
background: #007ad9;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #007ad9; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #007ad9;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333; }
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #007ad9; }
+ color: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #007ad9;
+}
.p-inputgroup-addon {
background: #eaeaea;
@@ -694,27 +856,33 @@
border-left: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf; }
- .p-inputswitch.p-invalid {
- border-color: #a80000; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #212121; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-inputtext.p-invalid.p-component {
- border-color: #a80000; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #666666;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
::-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-ms-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
.p-input-filled .p-inputtext {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-listbox.p-invalid {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1029,230 +1277,297 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34A835; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a80000; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #007ad9; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #007ad9; }
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-selectbutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-slider {
background: #c8c8c8;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-slider .p-slider-range {
- background: #007ad9; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: 2px solid #666666;
- border-color: #007ad9; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #a80000; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #007ad9;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #546E7A;
- color: #ffffff;
- border-color: #546E7A; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #B0BEC5; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #455A64;
- color: #ffffff;
- border-color: #455A64; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #007ad9;
- border: 1px solid #007ad9; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9; }
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #34A835;
- border: 1px solid #34A835; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #107D11;
- color: #ffffff;
- border-color: #107D11; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #aae5aa; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #0C6B0D;
- color: #ffffff;
- border-color: #0C6B0D; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34A835;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34A835; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34A835; }
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333;
background: #ffba01;
- border: 1px solid #ffba01; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ED990B;
- color: #333333;
- border-color: #ED990B; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffeab4; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #D38B10;
- color: #333333;
- border-color: #D38B10; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01; }
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8E24AA;
- color: #ffffff;
- border-color: #8E24AA; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7B1FA2;
- color: #ffffff;
- border-color: #7B1FA2; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #e91224;
- border: 1px solid #e91224; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #f9b4ba; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224; }
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
.p-button.p-button-link {
color: #005b9f;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #f4f4f4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #eaeaea; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #e02365;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #007ad9;
color: #ffffff;
border: 1px solid #007ad9;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1685,7 +2113,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1693,10 +2122,12 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #848484;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #e02365;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e0e0e0;
- color: #333333; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #e02365;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e02365;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem #8dcdff;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #e02365;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #e02365; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #e02365; }
+ outline-color: #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #e02365;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #e02365;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-datatable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #f9f9f9; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #e02365;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #007ad9;
color: #ffffff;
border: 1px solid #007ad9;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #333333;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #d8dae2;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #333333;
@@ -1852,11 +2331,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #e02365;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 1px solid #c8c8c8;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1936,49 +2432,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #007ad9;
border: 1px solid #007ad9;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #c8c8c8;
color: #333333;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #007ad9;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #116fbf;
border: 1px solid #116fbf;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #007ad9;
border: 1px solid #007ad9;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #c8c8c8; }
+ border: 1px solid #c8c8c8;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #007ad9;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #007ad9;
color: #ffffff;
@@ -2059,61 +2589,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #e02365;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #731033; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #731033;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8; }
+ background: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-paginator {
background: #f4f4f4;
@@ -2121,67 +2666,81 @@
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #e02365;
- border-color: #e02365;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #e02365;
+ border-color: #e02365;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #007ad9;
color: #ffffff;
@@ -2190,136 +2749,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #e02365; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #e02365; }
+ background-color: #e02365;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8; }
+ background-color: #c8c8c8;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #e02365;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #007ad9;
color: #ffffff;
border: 1px solid #007ad9;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2328,7 +2922,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2336,114 +2931,154 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-sortable-column {
- outline-color: #8dcdff; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #e02365;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #e02365;
- color: #ffffff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #e02365;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #e02365;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333; }
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
.p-treetable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2452,27 +3087,33 @@
background: #007ad9;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #005b9f;
background: #005b9f;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2482,79 +3123,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #ffffff;
color: #333333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #848484; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #007ad9;
- color: #ffffff;
- background: #007ad9;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #007ad9;
+ color: #ffffff;
+ background: #007ad9;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #c8c8c8; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #c8c8c8; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #007ad9;
@@ -2562,27 +3226,33 @@
background: #007ad9;
color: #ffffff;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2590,248 +3260,309 @@
color: #333333;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f8f8;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #c8c8c8;
background: #ffffff;
border-radius: 3px;
- color: #333333; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2; }
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #007ad9;
- border-width: 1px;
- border-color: #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #007ad9;
+ border-width: 1px;
+ border-color: #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #007ad9;
border: 1px solid #007ad9;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
.p-sidebar {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #333333;
color: #ffffff;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333; }
+ border-right-color: #333333;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333; }
+ border-left-color: #333333;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333; }
+ border-top-color: #333333;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333; }
+ border-bottom-color: #333333;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #007ad9;
@@ -2840,59 +3571,76 @@
color: #ffffff;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf;
color: #ffffff;
- border-color: #116fbf; }
+ border-color: #116fbf;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #005b9f;
color: #ffffff;
- border-color: #005b9f; }
+ border-color: #005b9f;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #c8c8c8;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #333333; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #333333; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #333333;
+}
.p-contextmenu {
padding: 0;
@@ -2900,146 +3648,193 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3047,227 +3842,299 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-submenu-list {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #007ad9;
@@ -3275,31 +4142,39 @@
background: #007ad9;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #c8c8c8;
@@ -3310,109 +4185,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #848484; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #e02365;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #333333; }
+ color: #333333;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #d8dae2;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #007ad9;
- border-width: 1px;
- border-color: #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #007ad9;
+ border-width: 1px;
+ border-color: #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tieredmenu {
padding: 0;
@@ -3420,214 +4322,280 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3636,12 +4604,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3649,85 +4620,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #f4f4f4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #eaeaea; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #e02365;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #e02365;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #c8c8c8;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #007ad9;
@@ -3736,105 +4732,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #c8c8c8;
color: #333333;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #eaeaea;
- color: #333333; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ 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 {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9; }
- .p-progressbar .p-progressbar-label {
- color: #333333;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #333333;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f4f4f4; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
.p-skeleton {
background-color: #eaeaea;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #007ad9;
@@ -3842,58 +4865,74 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
.p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #5ab7ff; }
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #5ab7ff;
+}
.p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #5ab7ff; }
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #5ab7ff;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background-color: #27a0ff;
border-color: #27a0ff;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #e02365;
border-color: #e02365;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
background: #e96694;
border-color: #e96694;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background-color: #27a0ff;
border-color: #27a0ff;
- color: #ffffff; }
+ color: #ffffff;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 41abe873d..d21906034 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -23,40 +23,50 @@
--surface-800: #222c31;
--surface-900: #111618;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #a80000; }
+ color: #a80000;
+}
.p-text-secondary {
- color: #848484; }
+ color: #848484;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-datepicker {
padding: 0.857rem;
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem; } }
+ padding: 0.25rem;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a80000; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f; }
+ background: #005b9f;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #212121; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-dropdown-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-editor-container .p-editor-toolbar {
background: #333333;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333; }
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #007ad9; }
+ color: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #007ad9;
+}
.p-inputgroup-addon {
background: #eaeaea;
@@ -697,27 +860,33 @@
border-left: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf; }
- .p-inputswitch.p-invalid {
- border-color: #a80000; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #212121; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-inputtext.p-invalid.p-component {
- border-color: #a80000; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #666666;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
::-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-ms-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
.p-input-filled .p-inputtext {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-listbox.p-invalid {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34A835; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a80000; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #007ad9; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #007ad9; }
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
.p-selectbutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-slider {
background: #c8c8c8;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-slider .p-slider-range {
- background: #007ad9; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: 2px solid #666666;
- border-color: #007ad9; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #a80000; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
.p-button {
color: #ffffff;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #007ad9;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #546E7A;
- color: #ffffff;
- border-color: #546E7A; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #B0BEC5; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #455A64;
- color: #ffffff;
- border-color: #455A64; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #007ad9;
- border: 1px solid #007ad9; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9; }
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #34A835;
- border: 1px solid #34A835; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #107D11;
- color: #ffffff;
- border-color: #107D11; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #aae5aa; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #0C6B0D;
- color: #ffffff;
- border-color: #0C6B0D; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34A835;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34A835; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34A835; }
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333;
background: #ffba01;
- border: 1px solid #ffba01; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ED990B;
- color: #333333;
- border-color: #ED990B; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffeab4; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #D38B10;
- color: #333333;
- border-color: #D38B10; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01; }
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8E24AA;
- color: #ffffff;
- border-color: #8E24AA; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7B1FA2;
- color: #ffffff;
- border-color: #7B1FA2; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #e91224;
- border: 1px solid #e91224; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #f9b4ba; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224; }
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
.p-button.p-button-link {
color: #005b9f;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #f4f4f4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #eaeaea; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #333333;
color: #ffffff;
border: 1px solid #333333;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #848484;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #007ad9;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e0e0e0;
- color: #333333; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem #8dcdff;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007ad9; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007ad9; }
+ outline-color: #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #007ad9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #007ad9;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-datatable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #333333; }
+ background: #333333;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #f9f9f9; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #333333;
color: #ffffff;
border: 1px solid #333333;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #333333;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #d8dae2;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #333333;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007ad9;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1913,30 +2405,37 @@
border: 1px solid #c8c8c8;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #333333;
border: 1px solid #333333;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #c8c8c8;
color: #333333;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #333333;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #116fbf;
border: 1px solid #116fbf;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #333333;
border: 1px solid #333333;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #c8c8c8; }
+ border: 1px solid #c8c8c8;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #007ad9;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #333333;
color: #ffffff;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #007ad9;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #00325a; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #00325a;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8; }
+ background: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-paginator {
background: #f4f4f4;
@@ -2130,67 +2678,81 @@
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #333333;
color: #ffffff;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #007ad9; }
+ background-color: #007ad9;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8; }
+ background-color: #c8c8c8;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #333333;
color: #ffffff;
border: 1px solid #333333;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-sortable-column {
- outline-color: #8dcdff; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333; }
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
.p-treetable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #333333; }
+ background: #333333;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #333333;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #005b9f;
background: #005b9f;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #ffffff;
color: #333333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #848484; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #333333;
- color: #ffffff;
- background: #333333;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #333333;
+ color: #ffffff;
+ background: #333333;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #c8c8c8; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #c8c8c8; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #333333;
@@ -2571,27 +3238,33 @@
background: #333333;
color: #ffffff;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2599,248 +3272,309 @@
color: #333333;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f8f8;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #c8c8c8;
background: #ffffff;
border-radius: 3px;
- color: #333333; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2; }
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #333333;
- border-width: 1px;
- border-color: #333333;
- background: #333333;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #333333;
+ border-width: 1px;
+ border-color: #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #333333;
border: 1px solid #333333;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #333333;
- background: #333333;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
.p-sidebar {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #333333;
color: #ffffff;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333; }
+ border-right-color: #333333;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333; }
+ border-left-color: #333333;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333; }
+ border-top-color: #333333;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333; }
+ border-bottom-color: #333333;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #333333;
@@ -2849,59 +3583,76 @@
color: #ffffff;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf;
color: #ffffff;
- border-color: #116fbf; }
+ border-color: #116fbf;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #005b9f;
color: #ffffff;
- border-color: #005b9f; }
+ border-color: #005b9f;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #c8c8c8;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #333333; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #333333; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #333333;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-submenu-list {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #333333;
@@ -3284,31 +4154,39 @@
background: #333333;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #c8c8c8;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #848484; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #007ad9;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #333333; }
+ color: #333333;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #d8dae2;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #333333;
- border-width: 1px;
- border-color: #333333;
- background: #333333;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #333333;
+ border-width: 1px;
+ border-color: #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #f4f4f4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #eaeaea; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #c8c8c8;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #007ad9;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #c8c8c8;
color: #333333;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #eaeaea;
- color: #333333; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ 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 {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9; }
- .p-progressbar .p-progressbar-label {
- color: #333333;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #333333;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f4f4f4; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
.p-skeleton {
background-color: #eaeaea;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #007ad9;
@@ -3851,50 +4877,64 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
.p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #b4b4b4; }
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #b4b4b4;
+}
.p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #b4b4b4; }
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #b4b4b4;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background-color: #494949;
border: 1px solid #494949;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background-color: #494949;
border-color: #494949;
- color: #ffffff; }
+ color: #ffffff;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 36268faca..04e2f002e 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #222c31;
--surface-900: #111618;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #a80000; }
+ color: #a80000;
+}
.p-text-secondary {
- color: #848484; }
+ color: #848484;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-datepicker {
padding: 0.857rem;
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem; } }
+ padding: 0.25rem;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #41b883;
- background: #41b883; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #246749;
- background: #246749;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a80000; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #41b883;
+ background: #41b883;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #41b883; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #41b883;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #246749; }
+ background: #246749;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #212121; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-dropdown-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-editor-container .p-editor-toolbar {
background: #f4f4f4;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333; }
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #41b883; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #41b883; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #41b883; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #41b883; }
+ color: #41b883;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #41b883;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #41b883;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #41b883;
+}
.p-inputgroup-addon {
background: #eaeaea;
@@ -697,27 +860,33 @@
border-left: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #41b883; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #318c63; }
- .p-inputswitch.p-invalid {
- border-color: #a80000; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #41b883;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #318c63;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #212121; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-inputtext.p-invalid.p-component {
- border-color: #a80000; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #666666;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
::-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-ms-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
.p-input-filled .p-inputtext {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-listbox.p-invalid {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34A835; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #41b883;
- background: #41b883; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #246749;
- background: #246749;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a80000; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #41b883;
+ background: #41b883;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #41b883; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #246749; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #41b883;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #246749;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #41b883; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #41b883;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #41b883; }
+ color: #41b883;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
.p-selectbutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-selectbutton .p-button.p-highlight {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #318c63;
- border-color: #318c63;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-slider {
background: #c8c8c8;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-slider .p-slider-range {
- background: #41b883; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: 2px solid #666666;
- border-color: #41b883; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-slider .p-slider-range {
+ background: #41b883;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #41b883;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: #41b883; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-togglebutton.p-button.p-highlight {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #318c63;
- border-color: #318c63;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #a80000; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
.p-button {
color: #ffffff;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #318c63;
- color: #ffffff;
- border-color: #318c63; }
- .p-button:enabled:active {
- background: #246749;
- color: #ffffff;
- border-color: #246749; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #41b883;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(65, 184, 131, 0.04);
- color: #41b883;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(65, 184, 131, 0.16);
- color: #41b883;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #41b883;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(65, 184, 131, 0.04);
- color: #41b883;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(65, 184, 131, 0.16);
- color: #41b883;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #41b883;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.p-button:enabled:active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #41b883;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #546E7A;
- color: #ffffff;
- border-color: #546E7A; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #B0BEC5; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #455A64;
- color: #ffffff;
- border-color: #455A64; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #007ad9;
- border: 1px solid #007ad9; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9; }
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #34A835;
- border: 1px solid #34A835; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #107D11;
- color: #ffffff;
- border-color: #107D11; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #aae5aa; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #0C6B0D;
- color: #ffffff;
- border-color: #0C6B0D; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34A835;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34A835; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34A835; }
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333;
background: #ffba01;
- border: 1px solid #ffba01; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ED990B;
- color: #333333;
- border-color: #ED990B; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffeab4; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #D38B10;
- color: #333333;
- border-color: #D38B10; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01; }
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8E24AA;
- color: #ffffff;
- border-color: #8E24AA; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7B1FA2;
- color: #ffffff;
- border-color: #7B1FA2; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #e91224;
- border: 1px solid #e91224; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #f9b4ba; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224; }
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
.p-button.p-button-link {
color: #246749;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #246749;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #246749;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #246749;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #246749;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #f4f4f4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #eaeaea; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #41b883;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #848484;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #41b883;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e0e0e0;
- color: #333333; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #41b883;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #41b883;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem #c2e9d8;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #c2e9d8; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #41b883;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #41b883; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #41b883; }
+ outline-color: #c2e9d8;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #41b883;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #41b883;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-datatable .p-column-resizer-helper {
- background: #41b883; }
+ background: #41b883;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #f9f9f9; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #41b883;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #333333;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #d8dae2;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #333333;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #41b883; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #41b883;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #41b883;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1913,30 +2405,37 @@
border: 1px solid #c8c8c8;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #f4f4f4;
border: 1px solid #c8c8c8;
- color: #333333; }
+ color: #333333;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #c8c8c8;
color: #333333;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #c8c8c8;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #318c63;
border: 1px solid #318c63;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #f4f4f4;
border: 1px solid #c8c8c8;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #c8c8c8; }
+ border: 1px solid #c8c8c8;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #41b883;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #318c63;
- color: #ffffff;
- border-color: #318c63; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #246749;
- color: #ffffff;
- border-color: #246749; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #318c63;
- border-color: #318c63;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f4f4f4;
color: #333333;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #41b883;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #205a40; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #205a40;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8; }
+ background: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-paginator {
background: #f4f4f4;
@@ -2130,67 +2678,81 @@
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f4f4f4;
color: #333333;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #41b883; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #41b883; }
+ background-color: #41b883;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8; }
+ background-color: #c8c8c8;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #41b883;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-sortable-column {
- outline-color: #c2e9d8; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #41b883;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #41b883;
- color: #ffffff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
+ outline-color: #c2e9d8;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #41b883;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #c2e9d8; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #41b883;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: #c2e9d8;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333; }
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
.p-treetable .p-column-resizer-helper {
- background: #41b883; }
+ background: #41b883;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #41b883;
border-color: #41b883;
color: #ffffff;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #246749;
background: #246749;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #ffffff;
color: #333333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #848484; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #c8c8c8; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #c8c8c8; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #c8c8c8;
@@ -2571,27 +3238,33 @@
background: #f4f4f4;
color: #333333;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2599,248 +3272,309 @@
color: #333333;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f8f8;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #c8c8c8;
background: #ffffff;
border-radius: 3px;
- color: #333333; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2; }
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f4f4f4;
border: 1px solid #c8c8c8;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #41b883;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #318c63;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #41b883;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
.p-sidebar {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #41b883;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #333333;
color: #ffffff;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333; }
+ border-right-color: #333333;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333; }
+ border-left-color: #333333;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333; }
+ border-top-color: #333333;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333; }
+ border-bottom-color: #333333;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f4f4f4;
@@ -2849,59 +3583,76 @@
color: #333333;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #318c63;
color: #ffffff;
- border-color: #318c63; }
+ border-color: #318c63;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #246749;
color: #ffffff;
- border-color: #246749; }
+ border-color: #246749;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #c8c8c8;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #333333; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #333333; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #333333;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-submenu-list {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #c8c8c8;
@@ -3284,31 +4154,39 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #246749;
- background: #246749;
- color: #ffffff; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #c8c8c8;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #848484; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #41b883;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #333333; }
+ color: #333333;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #d8dae2;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #41b883;
- border-color: #41b883;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c2e9d8; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #f4f4f4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #eaeaea; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #41b883;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #41b883;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #c8c8c8;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #41b883;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #c8c8c8;
color: #333333;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #eaeaea;
- color: #333333; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8; }
+ 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 {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #41b883; }
- .p-progressbar .p-progressbar-label {
- color: #333333;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #41b883;
+}
+.p-progressbar .p-progressbar-label {
+ color: #333333;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f4f4f4; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
.p-skeleton {
background-color: #eaeaea;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #41b883;
@@ -3851,40 +4877,52 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
.p-panel .p-panel-header .p-panel-header-icon {
- color: #848484; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #333333; }
+ color: #848484;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #333333;
+}
.p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #848484; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #333333; }
+ color: #848484;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #333333;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 3b1a144be..afc08a707 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -23,40 +23,50 @@
--surface-800: #222c31;
--surface-900: #111618;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #a80000; }
+ color: #a80000;
+}
.p-text-secondary {
- color: #848484; }
+ color: #848484;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
:root {
--blue-50:#f3f8fc;
@@ -158,537 +168,690 @@
--purple-600:#6f66bd;
--purple-700:#5c549b;
--purple-800:#48427a;
- --purple-900:#343059; }
+ --purple-900:#343059;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-datepicker {
padding: 0.857rem;
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #eaeaea; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem; } }
+ padding: 0.25rem;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a80000; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f; }
+ background: #005b9f;
+}
.p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #212121; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #333333;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #212121; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-dropdown-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-editor-container .p-editor-toolbar {
background: #f4f4f4;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #c8c8c8; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333; }
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #007ad9; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #007ad9; }
+ color: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #007ad9;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #007ad9;
+}
.p-inputgroup-addon {
background: #eaeaea;
@@ -697,27 +860,33 @@
border-left: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -725,11 +894,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -737,51 +908,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf; }
- .p-inputswitch.p-invalid {
- border-color: #a80000; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -792,239 +978,302 @@
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #212121; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-inputtext.p-invalid.p-component {
- border-color: #a80000; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #666666;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #848484; }
+ color: #848484;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
::-moz-placeholder {
- color: #666666; }
+ color: #666666;
+}
:-ms-input-placeholder {
- color: #666666; }
+ color: #666666;
+}
.p-input-filled .p-inputtext {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #ffffff;
color: #333333;
border: 1px solid #a6a6a6;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-listbox.p-invalid {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1032,236 +1281,305 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34A835; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a80000; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
.p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.p-rating .p-rating-icon {
color: #333333;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e4018d; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #007ad9; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #007ad9; }
+ color: #007ad9;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #b5019f; }
+ color: #b5019f;
+}
.p-highlight .p-rating .p-rating-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
.p-selectbutton .p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #a80000; }
+ border-color: #a80000;
+}
.p-slider {
background: #c8c8c8;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-slider .p-slider-range {
- background: #007ad9; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: 2px solid #666666;
- border-color: #007ad9; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #a6a6a6;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #212121; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #a80000; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent; }
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-togglebutton.p-button {
background: #dadada;
border: 1px solid #dadada;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #212121; }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #a80000; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
.p-button {
color: #ffffff;
@@ -1270,364 +1588,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #eaeaea;
- color: #848484; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #d2d2d2;
- color: #848484; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #007ad9;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #546E7A;
- color: #ffffff;
- border-color: #546E7A; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #B0BEC5; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #455A64;
- color: #ffffff;
- border-color: #455A64; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #007ad9;
- border: 1px solid #007ad9; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9; }
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #34A835;
- border: 1px solid #34A835; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #107D11;
- color: #ffffff;
- border-color: #107D11; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #aae5aa; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #0C6B0D;
- color: #ffffff;
- border-color: #0C6B0D; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- color: #34A835;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34A835;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34A835; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34A835; }
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333;
background: #ffba01;
- border: 1px solid #ffba01; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ED990B;
- color: #333333;
- border-color: #ED990B; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffeab4; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #D38B10;
- color: #333333;
- border-color: #D38B10; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01; }
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8E24AA;
- color: #ffffff;
- border-color: #8E24AA; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #CE93D8; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7B1FA2;
- color: #ffffff;
- border-color: #7B1FA2; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #e91224;
- border: 1px solid #e91224; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #f9b4ba; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224; }
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
.p-button.p-button-link {
color: #005b9f;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #005b9f;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1638,54 +2057,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #f4f4f4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #eaeaea; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1694,7 +2125,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1702,10 +2134,12 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #848484;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1713,146 +2147,194 @@
line-height: 1.143rem;
color: #ffffff;
background: #007ad9;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e0e0e0;
- color: #333333; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem #8dcdff;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007ad9; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007ad9; }
+ outline-color: #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #007ad9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #007ad9;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-datatable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #f9f9f9; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff; }
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #333333;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #d8dae2;
- border-width: 1px; }
+ border-width: 1px;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #333333;
@@ -1861,11 +2343,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1874,21 +2358,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007ad9;
- color: #ffffff; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1897,15 +2386,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1913,30 +2405,37 @@
border: 1px solid #c8c8c8;
border-radius: 3px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1945,49 +2444,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #f4f4f4;
border: 1px solid #c8c8c8;
- color: #333333; }
+ color: #333333;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #c8c8c8;
color: #333333;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #c8c8c8;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #116fbf;
border: 1px solid #116fbf;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #f4f4f4;
border: 1px solid #c8c8c8;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #c8c8c8; }
+ border: 1px solid #c8c8c8;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #007ad9;
@@ -1996,70 +2510,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f4f4f4;
color: #333333;
@@ -2068,61 +2601,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
+ color: #333333;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #007ad9;
- color: #ffffff; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #00325a; }
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #00325a;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8; }
+ background: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-paginator {
background: #f4f4f4;
@@ -2130,67 +2678,81 @@
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f4f4f4;
color: #333333;
@@ -2199,136 +2761,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007ad9; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #007ad9; }
+ background-color: #007ad9;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8; }
+ background-color: #c8c8c8;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
padding: 0.571rem 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2337,7 +2934,8 @@
font-weight: 700;
color: #333333;
background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2345,114 +2943,154 @@
border-width: 1px;
font-weight: 700;
color: #333333;
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-sortable-column {
- outline-color: #8dcdff; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #333333;
transition: background-color 0.2s, box-shadow 0.2s;
- outline-color: #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #333333; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff; }
+ outline-color: #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #333333;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #333333; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333; }
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
.p-treetable .p-column-resizer-helper {
- background: #007ad9; }
+ background: #007ad9;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f4f4f4; }
+ background: #f4f4f4;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2461,27 +3099,33 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #007ad9;
border-color: #007ad9;
color: #ffffff;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #005b9f;
background: #005b9f;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2491,79 +3135,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #ffffff;
color: #333333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #848484; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #c8c8c8; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #c8c8c8; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #c8c8c8;
@@ -2571,27 +3238,33 @@
background: #f4f4f4;
color: #333333;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
@@ -2599,248 +3272,309 @@
color: #333333;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
background: #ffffff;
color: #333333;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f8f8;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #c8c8c8;
background: #ffffff;
border-radius: 3px;
- color: #333333; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2; }
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f4f4f4;
border: 1px solid #c8c8c8;
padding: 0.857rem 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 3px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #c8c8c8; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
.p-sidebar {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #007ad9;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #333333;
color: #ffffff;
padding: 0.429rem 0.429rem;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333; }
+ border-right-color: #333333;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333; }
+ border-left-color: #333333;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333; }
+ border-top-color: #333333;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333; }
+ border-bottom-color: #333333;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f4f4f4;
@@ -2849,59 +3583,76 @@
color: #333333;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #c8c8c8;
color: #333333;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #116fbf;
color: #ffffff;
- border-color: #116fbf; }
+ border-color: #116fbf;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #005b9f;
color: #ffffff;
- border-color: #005b9f; }
+ border-color: #005b9f;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #c8c8c8;
border-radius: 3px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #333333; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #333333; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #333333; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #333333;
+}
.p-contextmenu {
padding: 0;
@@ -2909,146 +3660,193 @@
color: #333333;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3056,227 +3854,299 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-submenu-list {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #c8c8c8;
@@ -3284,31 +4154,39 @@
background: #f4f4f4;
font-weight: 700;
border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #dbdbdb;
border-color: #dbdbdb;
- color: #333333; }
+ color: #333333;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #c8c8c8;
@@ -3319,109 +4197,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #848484; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #007ad9;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #333333; }
+ color: #333333;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #d8dae2;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
.p-tieredmenu {
padding: 0;
@@ -3429,214 +4334,280 @@
color: #333333;
border: 1px solid #c8c8c8;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #333333;
- border-radius: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #333333; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #333333; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #d8dae2;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #333333;
+ border-radius: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3645,12 +4616,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3658,85 +4632,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #f4f4f4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #eaeaea; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #c8c8c8;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #007ad9;
@@ -3745,105 +4744,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #c8c8c8;
color: #333333;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 3px;
- 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 {
- background: #eaeaea;
- color: #333333; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff; }
+ 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 {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #eaeaea;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9; }
- .p-progressbar .p-progressbar-label {
- color: #333333;
- line-height: 24px; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #333333;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f4f4f4; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
.p-skeleton {
background-color: #eaeaea;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #007ad9;
@@ -3851,40 +4877,52 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #34A835;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333; }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
.p-panel .p-panel-header .p-panel-header-icon {
- color: #848484; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #333333; }
+ color: #848484;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #333333;
+}
.p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #848484; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #333333; }
+ color: #848484;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #333333;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 57a0fd14c..df19b9c99 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -23,40 +23,50 @@
--surface-800: #222c31;
--surface-900: #111618;
--content-padding:0.571rem 1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.5; }
+ opacity: 0.5;
+}
.p-error {
- color: #e7a3a3; }
+ color: #e7a3a3;
+}
.p-text-secondary {
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 2px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ border-radius: 2px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
:root {
--blue-50:#f6fbfe;
@@ -158,534 +168,686 @@
--purple-600:#9660a8;
--purple-700:#7b4f8b;
--purple-800:#613e6d;
- --purple-900:#462d4f; }
+ --purple-900:#462d4f;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.429rem; }
+ right: 0.429rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem; }
+ right: 2.786rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #666666;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #666666;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #666666;
- background: #f4f4f4; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-datepicker {
padding: 0.857rem;
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
- border-radius: 2px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #666666;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #666666;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #dadada; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dadada;
- padding: 0.857rem 0 0.429rem 0; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.286rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.429rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.857rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dadada;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f4f4f4; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #f4f4f4; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ border-radius: 2px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #666666;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #666666;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #dadada;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dadada;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dadada;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #f4f4f4;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #f4f4f4;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem; } }
+ padding: 0.25rem;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #dadada;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a6a6a6; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e7a3a3; }
+ border-radius: 2px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #dadada;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #666666;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #7B95A3;
- background: #7B95A3; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #a6a6a6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #617c8a;
- background: #617c8a;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #e7a3a3; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #666666;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #7B95A3;
+ background: #7B95A3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #a6a6a6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #617c8a;
+ background: #617c8a;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e7a3a3;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #7B95A3; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #7B95A3;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #617c8a; }
+ background: #617c8a;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.2145rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #666666;
- padding: 0;
- margin: 0; }
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #666666;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
.p-dropdown {
background: #ffffff;
border: 1px solid #dadada;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a6a6a6; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a6a6a6;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #e7a3a3; }
+ border-radius: 2px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #a6a6a6;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
.p-dropdown-panel {
background: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #a6a6a6; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-editor-container .p-editor-toolbar {
background: #7B95A3;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #7B95A3; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a6a6a6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a6a6a6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a6a6a6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- padding: 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #666666; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #666666;
- background: #f4f4f4; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem; }
+ border-top-left-radius: 2px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #7B95A3;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dadada; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #666666;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dadada;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #666666;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #666666; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #666666; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #666666; }
+ color: #666666;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #666666;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #7B95A3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #7B95A3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #7B95A3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #7B95A3; }
+ color: #7B95A3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #7B95A3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #7B95A3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #7B95A3;
+}
.p-inputgroup-addon {
background: #dbdbdb;
@@ -694,27 +856,33 @@
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 0.429rem 0.429rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #dadada; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #dadada;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #7B95A3;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #d8dae2; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #AFD3C8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #385048; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #AFD3C8; }
- .p-inputswitch.p-invalid {
- border-color: #e7a3a3; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ffffff;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #7B95A3;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #d8dae2;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #AFD3C8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #385048;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #AFD3C8;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e7a3a3;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #dadada;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 2px; }
- .p-inputtext:enabled:hover {
- border-color: #a6a6a6; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-inputtext.p-invalid.p-component {
- border-color: #e7a3a3; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ border-radius: 2px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #a6a6a6;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
.p-float-label > label {
left: 0.429rem;
color: #a6a6a6;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.429rem;
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem; }
+ padding-left: 1.858rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 1.858rem; }
+ left: 1.858rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.429rem;
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem; }
+ padding-right: 1.858rem;
+}
::-webkit-input-placeholder {
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
:-moz-placeholder {
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
::-moz-placeholder {
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
:-ms-input-placeholder {
- color: #a6a6a6; }
+ color: #a6a6a6;
+}
.p-input-filled .p-inputtext {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem; }
+ padding: 0.375375rem 0.375375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem; }
+ padding: 0.53625rem 0.53625rem;
+}
.p-listbox {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
- border-radius: 2px; }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #a6a6a6; }
- .p-listbox .p-listbox-list {
- padding: 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4; }
- .p-listbox.p-invalid {
- border-color: #e7a3a3; }
+ border-radius: 2px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-listbox.p-invalid {
+ border-color: #e7a3a3;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #dadada;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a6a6a6; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #e7a3a3; }
+ border-radius: 2px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #a6a6a6; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-password-panel {
padding: 0.571rem 1rem;
@@ -1029,230 +1277,297 @@
color: #666666;
border: 1px solid #f1f1f1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #efefef; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F4B6B6; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe38e; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #A3E2C6; }
+ border-radius: 2px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #efefef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F4B6B6;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffe38e;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #A3E2C6;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #dadada;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #666666;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #a6a6a6; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #7B95A3;
- background: #7B95A3; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #617c8a;
- background: #617c8a;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #e7a3a3; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #666666;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #a6a6a6;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #7B95A3;
+ background: #7B95A3;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #617c8a;
+ background: #617c8a;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e7a3a3;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #7B95A3; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #617c8a; }
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #7B95A3;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #617c8a;
+}
.p-rating .p-rating-icon {
color: #666666;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #f3b9b9; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #7B95A3; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #f3b9b9;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #7B95A3;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #7B95A3; }
+ color: #7B95A3;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #d66161; }
+ color: #d66161;
+}
.p-selectbutton .p-button {
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #666666; }
- .p-selectbutton .p-button.p-highlight {
- background: #AFD3C8;
- border-color: #AFD3C8;
- color: #385048; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #385048; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #8DC8B5;
- border-color: #8DC8B5;
- color: #385048; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #385048; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #385048;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #e7a3a3; }
+ border-color: #e7a3a3;
+}
.p-slider {
background: #c4c4c4;
border: 0 none;
- border-radius: 2px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.7145rem;
- margin-left: -0.7145rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.7145rem;
- margin-bottom: -0.7145rem; }
- .p-slider .p-slider-handle {
- height: 1.429rem;
- width: 1.429rem;
- background: #ffffff;
- border: 2px solid #7f7f7f;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-slider .p-slider-range {
- background: #7B95A3; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: 2px solid #7f7f7f;
- border-color: #7B95A3; }
+ border-radius: 2px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.7145rem;
+ margin-left: -0.7145rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.7145rem;
+ margin-bottom: -0.7145rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.429rem;
+ width: 1.429rem;
+ background: #ffffff;
+ border: 2px solid #7f7f7f;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-slider .p-slider-range {
+ background: #7B95A3;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #7f7f7f;
+ border-color: #7B95A3;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #dadada;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #a6a6a6; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7B95A3; }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a6a6a6; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #e7a3a3; }
+ border-radius: 2px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem; }
+ padding: 0.2145rem 0.429rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #666666;
border: 1px solid #eaeaea;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4; }
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
.p-togglebutton.p-button {
background: #eaeaea;
border: 1px solid #eaeaea;
color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #666666; }
- .p-togglebutton.p-button.p-highlight {
- background: #AFD3C8;
- border-color: #AFD3C8;
- color: #385048; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #385048; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #8DC8B5;
- border-color: #8DC8B5;
- color: #385048; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #385048; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #e7a3a3; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #385048;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e7a3a3;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.429rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-button:enabled:hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999; }
- .p-button:enabled:active {
- background: #617c8a;
- color: #ffffff;
- border-color: #617c8a; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #7B95A3;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(123, 149, 163, 0.04);
- color: #7B95A3;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(123, 149, 163, 0.16);
- color: #7B95A3;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #a6a6a6;
- border-color: #a6a6a6; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #f4f4f4;
- color: #a6a6a6; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dbdbdb;
- color: #a6a6a6; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #7B95A3;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(123, 149, 163, 0.04);
- color: #7B95A3;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(123, 149, 163, 0.16);
- color: #7B95A3;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #a6a6a6; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #f4f4f4;
- color: #a6a6a6; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dbdbdb;
- color: #a6a6a6; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #7B95A3;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.429rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 2px;
+}
+.p-button:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.p-button:enabled:active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #a6a6a6;
+ border-color: #a6a6a6;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #a6a6a6;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #7B95A3;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #a3897b;
- border: 1px solid #8e6f5f; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #8e6f5f;
- color: #ffffff;
- border-color: #7a5743; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #bfaaa0; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #7a5743;
- color: #ffffff;
- border-color: #6e4e3c; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a3897b;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(163, 137, 123, 0.04);
- color: #a3897b;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(163, 137, 123, 0.16);
- color: #a3897b;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #a3897b;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(163, 137, 123, 0.04);
- border-color: transparent;
- color: #a3897b; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(163, 137, 123, 0.16);
- border-color: transparent;
- color: #a3897b; }
+ border: 1px solid #8e6f5f;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #8e6f5f;
+ color: #ffffff;
+ border-color: #7a5743;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #bfaaa0;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #7a5743;
+ color: #ffffff;
+ border-color: #6e4e3c;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 137, 123, 0.04);
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 137, 123, 0.16);
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #a3897b;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 137, 123, 0.04);
+ border-color: transparent;
+ color: #a3897b;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 137, 123, 0.16);
+ border-color: transparent;
+ color: #a3897b;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #3D4447;
background: #A3DEF8;
- border: 1px solid #79C8EB; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #81CBEC;
- color: #3D4447;
- border-color: #60B7DE; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #d2effc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #3ea9db;
- color: #3D4447;
- border-color: #2987B1; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #A3DEF8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(163, 222, 248, 0.04);
- color: #A3DEF8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(163, 222, 248, 0.16);
- color: #A3DEF8;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #A3DEF8;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(163, 222, 248, 0.04);
- border-color: transparent;
- color: #A3DEF8; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(163, 222, 248, 0.16);
- border-color: transparent;
- color: #A3DEF8; }
+ border: 1px solid #79C8EB;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #81CBEC;
+ color: #3D4447;
+ border-color: #60B7DE;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #d2effc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #3ea9db;
+ color: #3D4447;
+ border-color: #2987B1;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 222, 248, 0.04);
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 222, 248, 0.16);
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #A3DEF8;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 222, 248, 0.04);
+ border-color: transparent;
+ color: #A3DEF8;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 222, 248, 0.16);
+ border-color: transparent;
+ color: #A3DEF8;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #323E39;
background: #A3E2C6;
- border: 1px solid #80CAAA; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #80CAAA;
- color: #323E39;
- border-color: #5EA285; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #caeede; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #31B57C;
- color: #323E39;
- border-color: #5EA285; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #A3E2C6;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(163, 226, 198, 0.04);
- color: #A3E2C6;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(163, 226, 198, 0.16);
- color: #A3E2C6;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #A3E2C6;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(163, 226, 198, 0.04);
- border-color: transparent;
- color: #A3E2C6; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(163, 226, 198, 0.16);
- border-color: transparent;
- color: #A3E2C6; }
+ border: 1px solid #80CAAA;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #80CAAA;
+ color: #323E39;
+ border-color: #5EA285;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #caeede;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #31B57C;
+ color: #323E39;
+ border-color: #5EA285;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 226, 198, 0.04);
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 226, 198, 0.16);
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #A3E2C6;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 226, 198, 0.04);
+ border-color: transparent;
+ color: #A3E2C6;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 226, 198, 0.16);
+ border-color: transparent;
+ color: #A3E2C6;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #333333;
background: #ffe38e;
- border: 1px solid #ffd95e; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd95e;
- color: #333333;
- border-color: #ffce3c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffce3c;
- color: #333333;
- border-color: #ffc62a; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe38e;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 227, 142, 0.04);
- color: #ffe38e;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 227, 142, 0.16);
- color: #ffe38e;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe38e;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 227, 142, 0.04);
- border-color: transparent;
- color: #ffe38e; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 227, 142, 0.16);
- border-color: transparent;
- color: #ffe38e; }
+ border: 1px solid #ffd95e;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd95e;
+ color: #333333;
+ border-color: #ffce3c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffce3c;
+ color: #333333;
+ border-color: #ffc62a;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 227, 142, 0.04);
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 227, 142, 0.16);
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffe38e;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 227, 142, 0.04);
+ border-color: transparent;
+ color: #ffe38e;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 227, 142, 0.16);
+ border-color: transparent;
+ color: #ffe38e;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #333333;
background: #e9bef1;
- border: 1px solid #de9eea; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #de9eea;
- color: #333333;
- border-color: #d37de3; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #f0d3f6; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #d37de3;
- color: #333333;
- border-color: #c85ddc; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e9bef1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(233, 190, 241, 0.04);
- color: #e9bef1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(233, 190, 241, 0.16);
- color: #e9bef1;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #e9bef1;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(233, 190, 241, 0.04);
- border-color: transparent;
- color: #e9bef1; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(233, 190, 241, 0.16);
- border-color: transparent;
- color: #e9bef1; }
+ border: 1px solid #de9eea;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #de9eea;
+ color: #333333;
+ border-color: #d37de3;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f0d3f6;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #d37de3;
+ color: #333333;
+ border-color: #c85ddc;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 190, 241, 0.04);
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 190, 241, 0.16);
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e9bef1;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 190, 241, 0.04);
+ border-color: transparent;
+ color: #e9bef1;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 190, 241, 0.16);
+ border-color: transparent;
+ color: #e9bef1;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #262222;
background: #F4B6B6;
- border: 1px solid #E38787; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #EF9999;
- color: #262222;
- border-color: #CB5858; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #fbe2e2; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #EB5656;
- color: #262222;
- border-color: #B73737; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F4B6B6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 182, 182, 0.04);
- color: #F4B6B6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 182, 182, 0.16);
- color: #F4B6B6;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F4B6B6;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 182, 182, 0.04);
- border-color: transparent;
- color: #F4B6B6; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 182, 182, 0.16);
- border-color: transparent;
- color: #F4B6B6; }
+ border: 1px solid #E38787;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF9999;
+ color: #262222;
+ border-color: #CB5858;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fbe2e2;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #EB5656;
+ color: #262222;
+ border-color: #B73737;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 182, 182, 0.04);
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 182, 182, 0.16);
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F4B6B6;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 182, 182, 0.04);
+ border-color: transparent;
+ color: #F4B6B6;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 182, 182, 0.16);
+ border-color: transparent;
+ color: #F4B6B6;
+}
.p-button.p-button-link {
color: #617c8a;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #617c8a;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #617c8a;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #617c8a;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #617c8a;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #7B95A3;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #617c8a; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #AFD3C8;
- color: #385048; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #7B95A3;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #617c8a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
.p-datatable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #7B95A3;
color: #ffffff;
border: 1px solid #7B95A3;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-datatable .p-datatable-footer {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1685,7 +2113,8 @@
font-weight: 700;
color: #666666;
background: #ffffff;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -1693,10 +2122,12 @@
border-width: 1px;
font-weight: 700;
color: #666666;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #666666;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #385048;
background: #AFD3C8;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #eaeaea;
- color: #666666; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #666666; }
+ color: #666666;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #666666;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #AFD3C8;
- color: #385048; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #385048; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #AFD3C8;
- color: #385048; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #385048; }
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #385048;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.2rem #e4e9ec;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #666666;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: #e4e9ec; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dadada;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #AFD3C8;
- color: #385048; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #AFD3C8; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #AFD3C8; }
+ outline-color: #e4e9ec;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #AFD3C8;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #AFD3C8;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #666666; }
+ color: #666666;
+}
.p-datatable .p-column-resizer-helper {
- background: #7B95A3; }
+ background: #7B95A3;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #7B95A3; }
+ background: #7B95A3;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #f8f8f8; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #AFD3C8;
- color: #385048; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #385048; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #385048; }
+ background: #f8f8f8;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #385048;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #385048;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem; }
+ padding: 0.72845rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #7B95A3;
color: #ffffff;
border: 1px solid #7B95A3;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #666666;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid #dadada;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #ffffff;
color: #666666;
@@ -1852,11 +2331,13 @@
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-bottom-right-radius: 2px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #666666; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #AFD3C8;
- color: #385048; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #666666;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 1px solid #eaeaea;
border-radius: 2px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.429rem 0.857rem;
@@ -1936,49 +2432,64 @@
background: #ffffff;
margin: 0;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 0.571rem 1rem;
- border-bottom: 1px solid #dadada; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dadada;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.fc .fc-view-harness th {
background: #7B95A3;
border: 1px solid #7B95A3;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dadada;
color: #666666;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #385048; }
+ border-color: #385048;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #7B95A3;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #AFD3C8;
border: 1px solid #6c8999;
- color: #385048; }
+ color: #385048;
+}
.fc .fc-view-harness .fc-divider {
background: #7B95A3;
border: 1px solid #7B95A3;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dadada; }
+ border: 1px solid #dadada;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #7B95A3;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #617c8a;
- color: #ffffff;
- border-color: #617c8a; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #eaeaea;
- border: 1px solid #eaeaea;
- color: #333333;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #AFD3C8;
- border-color: #AFD3C8;
- color: #385048; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #8DC8B5;
- border-color: #8DC8B5;
- color: #385048; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #eaeaea;
+ border: 1px solid #eaeaea;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #7B95A3;
color: #ffffff;
@@ -2059,61 +2589,76 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
padding: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
+ border-bottom-left-radius: 2px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #f4f4f4;
- color: #666666; }
+ color: #666666;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #AFD3C8;
- color: #385048; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #5da68f; }
+ color: #385048;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #5da68f;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8; }
+ background: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dadada;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dadada;
- border-color: #c8c8c8; }
+ border-color: #c8c8c8;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
- padding: 0.571rem 1rem; }
+ padding: 0.571rem 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #dadada;
border-width: 1px;
padding: 0;
- border-radius: 2px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f4f4f4;
- border-color: transparent;
- color: #666666; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #AFD3C8;
- border-color: #AFD3C8;
- color: #385048; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f4f4f4;
- border-color: transparent;
- color: #666666; }
+ border-radius: 2px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #f4f4f4;
+ border-color: transparent;
+ color: #666666;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #f4f4f4;
+ border-color: transparent;
+ color: #666666;
+}
.p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #7B95A3;
color: #ffffff;
@@ -2190,136 +2749,171 @@
font-weight: 700;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
+ border-top-left-radius: 2px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
padding: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #385048;
- background: #AFD3C8; }
+ border-bottom-left-radius: 2px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
.p-timeline .p-timeline-event-marker {
border: 0 none;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #AFD3C8; }
+ background-color: #AFD3C8;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8; }
+ background-color: #c8c8c8;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
padding: 0.571rem 1rem;
- border-radius: 2px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a6a6a6; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #666666; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #AFD3C8;
- color: #385048; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #385048; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #385048; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #a6a6a6; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 2px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #a6a6a6;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #666666;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 1px 0 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 1px 1px 1px;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #7B95A3;
color: #ffffff;
border: 1px solid #7B95A3;
border-width: 1px 1px 0 1px;
padding: 0.857rem 1rem;
- font-weight: 700; }
+ font-weight: 700;
+}
.p-treetable .p-treetable-footer {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2328,7 +2922,8 @@
font-weight: 700;
color: #666666;
background: #ffffff;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.571rem 0.857rem;
@@ -2336,114 +2931,154 @@
border-width: 1px;
font-weight: 700;
color: #666666;
- background: #ffffff; }
+ background: #ffffff;
+}
.p-treetable .p-sortable-column {
- outline-color: #e4e9ec; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #666666;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #385048;
- background: #AFD3C8;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #eaeaea;
- color: #666666; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #666666; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #AFD3C8;
- color: #385048; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #385048; }
+ outline-color: #e4e9ec;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #666666;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #385048;
+ background: #AFD3C8;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #666666;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #666666;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #385048;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #666666;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: #e4e9ec; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dadada;
- border-width: 1px;
- padding: 0.571rem 0.857rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #666666; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #AFD3C8;
- color: #385048; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #385048; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #385048; }
+ outline-color: #e4e9ec;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #666666;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #385048;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #385048;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
- color: #666666; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #666666; }
+ color: #666666;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #666666;
+}
.p-treetable .p-column-resizer-helper {
- background: #7B95A3; }
+ background: #7B95A3;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #7B95A3; }
+ background: #7B95A3;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.749875rem 0.875rem; }
+ padding: 0.749875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem; }
+ padding: 0.48535rem 0.72845rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem; }
+ padding: 0.48535rem 0.85rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem; }
+ padding: 1.07125rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem; }
+ padding: 0.71375rem 1.07125rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem; }
+ padding: 0.71375rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 0.857rem 1rem;
@@ -2452,27 +3087,33 @@
background: #7B95A3;
font-weight: 700;
border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #617c8a;
border-color: #617c8a;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #AFD3C8;
border-color: #dadada;
color: #385048;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #8DC8B5;
background: #8DC8B5;
- color: #385048; }
+ color: #385048;
+}
.p-accordion .p-accordion-content {
padding: 0.571rem 1rem;
border: 1px solid #dadada;
@@ -2482,79 +3123,102 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-card {
background: #ffffff;
color: #666666;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 2px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: #a6a6a6; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 2px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #a6a6a6;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
- border-radius: 2px; }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #7B95A3;
- color: #ffffff;
- background: #7B95A3;
- font-weight: 700;
- border-radius: 2px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff; }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem; }
+ border-radius: 2px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+ background: #7B95A3;
+ font-weight: 700;
+ border-radius: 2px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dadada; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dadada;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dadada; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dadada;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #7B95A3;
@@ -2562,27 +3226,33 @@
background: #7B95A3;
color: #ffffff;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ border-top-left-radius: 2px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem; }
+ padding: 0.857rem 1rem;
+}
.p-panel .p-panel-content {
padding: 0.571rem 1rem;
border: 1px solid #dadada;
@@ -2590,248 +3260,309 @@
color: #666666;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.571rem 1rem;
border: 1px solid #dadada;
background: #ffffff;
color: #666666;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f8f8;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dadada;
background: #ffffff;
border-radius: 2px;
- color: #666666; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dadada; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dadada; }
+ color: #666666;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dadada;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dadada;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #7B95A3;
- border-width: 1px;
- border-color: #7B95A3;
- background: #7B95A3;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #AFD3C8;
- border-color: #dadada;
- color: #385048; }
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #7B95A3;
+ border-width: 1px;
+ border-color: #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #AFD3C8;
+ border-color: #dadada;
+ color: #385048;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #dadada;
color: #666666;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-toolbar {
background: #7B95A3;
border: 1px solid #7B95A3;
padding: 0.857rem 1rem;
- border-radius: 2px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 2px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #666666;
border: 1px solid #f1f1f1;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 0.571rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(241, 241, 241, 0);
- border-bottom-color: #f1f1f1; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #f1f1f1; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(241, 241, 241, 0);
+ border-bottom-color: #f1f1f1;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #f1f1f1;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
border-radius: 2px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #f1f1f1; }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #7B95A3;
- background: #7B95A3;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #666666;
- padding: 1rem; }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #f1f1f1;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #666666;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #666666;
border: 1px solid #f1f1f1;
border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #7B95A3;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6c8999;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(241, 241, 241, 0);
- border-bottom-color: #f1f1f1; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #f1f1f1; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #7B95A3;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(241, 241, 241, 0);
+ border-bottom-color: #f1f1f1;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #f1f1f1;
+}
.p-sidebar {
background: #ffffff;
color: #666666;
border: 1px solid #f1f1f1;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #666666;
- border-color: transparent;
- background: transparent; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem; }
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #AFD3C8;
color: #385048;
padding: 0.429rem 0.429rem;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px; }
+ border-radius: 2px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #AFD3C8; }
+ border-right-color: #AFD3C8;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #AFD3C8; }
+ border-left-color: #AFD3C8;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #AFD3C8; }
+ border-top-color: #AFD3C8;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #AFD3C8; }
+ border-bottom-color: #AFD3C8;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #7B95A3;
@@ -2840,59 +3571,76 @@
color: #ffffff;
border-bottom: 0 none;
border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ border-top-left-radius: 2px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 0.571rem 1rem;
border: 1px solid #dadada;
color: #666666;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
+ border-bottom-left-radius: 2px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem; }
+ padding: 0.571rem 0.857rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #6c8999;
color: #ffffff;
- border-color: #6c8999; }
+ border-color: #6c8999;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #617c8a;
color: #ffffff;
- border-color: #617c8a; }
+ border-color: #617c8a;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #c8c8c8;
border-radius: 2px;
- padding: 0.571rem 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #666666; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #666666; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #666666; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #666666; }
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #666666;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #666666;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #666666;
+}
.p-contextmenu {
padding: 0;
@@ -2900,146 +3648,193 @@
color: #666666;
border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #ffffff;
color: #666666;
border: 1px solid #c8c8c8;
- border-radius: 2px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #666666;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-megamenu .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0; }
+ border-radius: 2px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
.p-menu {
padding: 0;
@@ -3047,227 +3842,299 @@
color: #666666;
border: 1px solid #c8c8c8;
border-radius: 2px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
.p-menubar {
padding: 0.5rem;
background: #ffffff;
color: #666666;
border: 1px solid #c8c8c8;
- border-radius: 2px; }
- .p-menubar .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 2px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: #666666;
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #666666;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-submenu-list {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0;
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #666666; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #666666;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #666666;
- background: #eaeaea; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.571rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 4.285rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.999rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 7.713rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 9.427rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 0.857rem 1rem;
border: 1px solid #7B95A3;
@@ -3275,31 +4142,39 @@
background: #7B95A3;
font-weight: 700;
border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #617c8a;
border-color: #617c8a;
- color: #ffffff; }
+ color: #ffffff;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #AFD3C8;
- border-color: #dadada;
- color: #385048;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #8DC8B5;
- background: #8DC8B5;
- color: #385048; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #AFD3C8;
+ border-color: #dadada;
+ color: #385048;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #8DC8B5;
+ background: #8DC8B5;
+ color: #385048;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0;
border: 1px solid #dadada;
@@ -3310,109 +4185,136 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 2px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 2px; }
+ margin-bottom: 2px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a6a6a6;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #a6a6a6; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #a6a6a6;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #a6a6a6;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #AFD3C8;
- color: #385048; }
+ color: #385048;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
- color: #666666; }
+ color: #666666;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dadada;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 0 none;
- border-width: 1px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #7B95A3;
- border-width: 1px;
- border-color: #7B95A3;
- background: #7B95A3;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #AFD3C8;
- border-color: #dadada;
- color: #385048; }
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #7B95A3;
+ border-width: 1px;
+ border-color: #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #AFD3C8;
+ border-color: #dadada;
+ color: #385048;
+}
.p-tieredmenu {
padding: 0;
@@ -3420,214 +4322,280 @@
color: #666666;
border: 1px solid #c8c8c8;
border-radius: 2px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.857rem;
- color: #666666;
- border-radius: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #666666; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #666666; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #666666; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #eaeaea; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #666666; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #666666; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dadada;
- margin: 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.857rem;
+ color: #666666;
+ border-radius: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-submenu-list {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem;
margin: 0;
- border-radius: 2px; }
- .p-inline-message.p-inline-message-info {
- background: #A3DEF8;
- border: 1px solid #79C8EB;
- border-width: 1px;
- color: #212121; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-success {
- background: #A3E2C6;
- border: 1px solid #A3E2C6;
- border-width: 1px;
- color: #212121; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121; }
- .p-inline-message.p-inline-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 2px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 2px; }
- .p-message .p-message-wrapper {
- padding: 1rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-message.p-message-info {
- background: #A3DEF8;
- border: 1px solid #79C8EB;
- border-width: 1px;
- color: #212121; }
- .p-message.p-message-info .p-message-icon {
- color: #212121; }
- .p-message.p-message-info .p-message-close {
- color: #212121; }
- .p-message.p-message-success {
- background: #A3E2C6;
- border: 1px solid #A3E2C6;
- border-width: 1px;
- color: #212121; }
- .p-message.p-message-success .p-message-icon {
- color: #212121; }
- .p-message.p-message-success .p-message-close {
- color: #212121; }
- .p-message.p-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121; }
- .p-message.p-message-warn .p-message-icon {
- color: #212121; }
- .p-message.p-message-warn .p-message-close {
- color: #212121; }
- .p-message.p-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121; }
- .p-message.p-message-error .p-message-icon {
- color: #212121; }
- .p-message.p-message-error .p-message-close {
- color: #212121; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 2px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-message.p-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #A3DEF8;
- border: 1px solid #79C8EB;
- border-width: 1px;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #A3E2C6;
- border: 1px solid #A3E2C6;
- border-width: 1px;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #212121; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3636,12 +4604,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #ebedef; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
color: #aeb6bf;
@@ -3649,85 +4620,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 2px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.3);
- color: #ebedef; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #ebedef;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #7B95A3;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #617c8a; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #AFD3C8;
- color: #385048; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #7B95A3;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #617c8a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #AFD3C8;
- color: #385048; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #aeb6bf;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #aeb6bf; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dadada;
- border-radius: 2px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 2px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #7B95A3;
@@ -3736,105 +4732,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #a3897b;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #A3E2C6;
- color: #323E39; }
- .p-badge.p-badge-info {
- background-color: #A3DEF8;
- color: #3D4447; }
- .p-badge.p-badge-warning {
- background-color: #ffe38e;
- color: #333333; }
- .p-badge.p-badge-danger {
- background-color: #F4B6B6;
- color: #262222; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #a3897b;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #A3E2C6;
+ color: #323E39;
+}
+.p-badge.p-badge-info {
+ background-color: #A3DEF8;
+ color: #3D4447;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe38e;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #F4B6B6;
+ color: #262222;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dadada;
color: #666666;
border-radius: 16px;
- padding: 0 0.429rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-inplace .p-inplace-display {
padding: 0.429rem 0.429rem;
border-radius: 2px;
- 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 {
- background: #f4f4f4;
- color: #666666; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec; }
+ 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 {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
.p-progressbar {
border: 0 none;
height: 24px;
background: #efefef;
- border-radius: 2px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #7B95A3; }
- .p-progressbar .p-progressbar-label {
- color: #666666;
- line-height: 24px; }
+ border-radius: 2px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #7B95A3;
+}
+.p-progressbar .p-progressbar-label {
+ color: #666666;
+ line-height: 24px;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f4f4f4; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
.p-skeleton {
background-color: #dadada;
- border-radius: 2px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 2px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #7B95A3;
@@ -3842,40 +4865,52 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 2px; }
- .p-tag.p-tag-success {
- background-color: #A3E2C6;
- color: #323E39; }
- .p-tag.p-tag-info {
- background-color: #A3DEF8;
- color: #3D4447; }
- .p-tag.p-tag-warning {
- background-color: #ffe38e;
- color: #333333; }
- .p-tag.p-tag-danger {
- background-color: #F4B6B6;
- color: #262222; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 2px;
+}
+.p-tag.p-tag-success {
+ background-color: #A3E2C6;
+ color: #323E39;
+}
+.p-tag.p-tag-info {
+ background-color: #A3DEF8;
+ color: #3D4447;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffe38e;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #F4B6B6;
+ color: #262222;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
- padding: 0.571rem 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
.p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #ffffff;
+}
.p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff; }
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #ffffff;
+}
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index e768a6d8a..69206dec3 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.6; }
+ opacity: 0.6;
+}
.p-error {
- color: #f44336; }
+ color: #f44336;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #495057;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #495057;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #2196F3;
- background: #2196F3; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #2196F3; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #0b7ad1;
- background: #0b7ad1;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44336; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #2196F3;
+ background: #2196F3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #2196F3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #0b7ad1;
+ background: #0b7ad1;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44336;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #2196F3; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #2196F3;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa; }
+ background-color: #f8f9fa;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0b7ad1; }
+ background: #0b7ad1;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #6c757d;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-dropdown-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-editor-container .p-editor-toolbar {
background: #f8f9fa;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #495057; }
+ color: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #495057;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #2196F3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #2196F3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #2196F3; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #2196F3; }
+ color: #2196F3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #2196F3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #2196F3;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #2196F3;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -694,27 +856,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #2196F3; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #0d89ec; }
- .p-inputswitch.p-invalid {
- border-color: #f44336; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b6bfc8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #2196F3;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #0d89ec;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44336;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #2196F3; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44336; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #2196F3;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44336;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: #6c757d;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #ffffff;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #f44336;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: #495057;
border: 0 none;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #2196F3; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #2196F3;
- background: #2196F3; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #0b7ad1;
- background: #0b7ad1;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44336; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #2196F3;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #2196F3;
+ background: #2196F3;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #0b7ad1;
+ background: #0b7ad1;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44336;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #2196F3; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0b7ad1; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #2196F3;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #0b7ad1;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e74c3c; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #2196F3; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e74c3c;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #2196F3;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #2196F3; }
+ color: #2196F3;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #c0392b; }
+ color: #c0392b;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button.p-highlight {
- background: #2196F3;
- border-color: #2196F3;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #0d89ec;
- border-color: #0d89ec;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #2196F3;
+ border-color: #2196F3;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #0d89ec;
+ border-color: #0d89ec;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-slider {
background: #dee2e6;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #2196F3;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-slider .p-slider-range {
- background: #2196F3; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #2196F3;
- border-color: #2196F3; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #2196F3;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-slider .p-slider-range {
+ background: #2196F3;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #2196F3;
+ border-color: #2196F3;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #2196F3; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #2196F3;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button.p-highlight {
- background: #2196F3;
- border-color: #2196F3;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #0d89ec;
- border-color: #0d89ec;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44336; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #2196F3;
+ border-color: #2196F3;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #0d89ec;
+ border-color: #0d89ec;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44336;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #0d89ec;
- color: #ffffff;
- border-color: #0d89ec; }
- .p-button:enabled:active {
- background: #0b7ad1;
- color: #ffffff;
- border-color: #0b7ad1; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #2196F3;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #0d89ec;
+ color: #ffffff;
+ border-color: #0d89ec;
+}
+.p-button:enabled:active {
+ background: #0b7ad1;
+ color: #ffffff;
+ border-color: #0b7ad1;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(33, 150, 243, 0.04);
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(33, 150, 243, 0.16);
+ color: #2196F3;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #2196F3;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #beccd2; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #56717d;
+ color: #ffffff;
+ border-color: #56717d;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #beccd2;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #4d646f;
+ color: #ffffff;
+ border-color: #4d646f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
- border: 1px solid #0288D1; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #89d4fe; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288D1;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288D1; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288D1; }
+ border: 1px solid #0288D1;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #027abc;
+ color: #ffffff;
+ border-color: #027abc;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #89d4fe;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #026da7;
+ color: #ffffff;
+ border-color: #026da7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ border-color: transparent;
+ color: #0288D1;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ border-color: transparent;
+ color: #0288D1;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 1px solid #689F38; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #c2e0a8; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 1px solid #689F38;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #5e8f32;
+ color: #ffffff;
+ border-color: #5e8f32;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #c2e0a8;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #537f2d;
+ color: #ffffff;
+ border-color: #537f2d;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 1px solid #FBC02D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #fde6ab; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 1px solid #FBC02D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #fab710;
+ color: #212529;
+ border-color: #fab710;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fde6ab;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #e8a704;
+ color: #212529;
+ border-color: #e8a704;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 1px solid #D32F2F; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #edacac; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 1px solid #D32F2F;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c02929;
+ color: #ffffff;
+ border-color: #c02929;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #edacac;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #aa2424;
+ color: #ffffff;
+ border-color: #aa2424;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #0b7ad1;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #0b7ad1;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #0b7ad1;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #0b7ad1;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #0b7ad1;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #E3F2FD;
- color: #495057; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #E3F2FD;
+ color: #495057;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #495057;
background: #E3F2FD;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #495057;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #f8f9fa;
- color: #2196F3; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #2196F3; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #2196F3; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #2196F3; }
+ color: #2196F3;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #2196F3;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #2196F3;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #2196F3;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #a6d5fa;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #a6d5fa; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #E3F2FD;
- color: #495057; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #E3F2FD; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #E3F2FD; }
+ outline-color: #a6d5fa;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #E3F2FD;
+ color: #495057;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #E3F2FD;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #E3F2FD;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-datatable .p-column-resizer-helper {
- background: #2196F3; }
+ background: #2196F3;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #fcfcfc; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #E3F2FD;
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057; }
+ background: #fcfcfc;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #E3F2FD;
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #495057;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #495057;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #e9ecef;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #f8f9fa;
color: #495057;
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #e9ecef;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #E3F2FD;
- color: #495057; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #E3F2FD;
+ color: #495057;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 0 none;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #f8f9fa;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #f8f9fa;
border: 1px solid #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #0d89ec;
border: 1px solid #0d89ec;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #f8f9fa;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #2196F3;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #0d89ec;
- color: #ffffff;
- border-color: #0d89ec; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #0b7ad1;
- color: #ffffff;
- border-color: #0b7ad1; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid #ced4da;
- color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #2196F3;
- border-color: #2196F3;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #0d89ec;
- border-color: #0d89ec;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #0d89ec;
+ color: #ffffff;
+ border-color: #0d89ec;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #0b7ad1;
+ color: #ffffff;
+ border-color: #0b7ad1;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid #ced4da;
+ color: #495057;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #2196F3;
+ border-color: #2196F3;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #0d89ec;
+ border-color: #0d89ec;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f8f9fa;
color: #495057;
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #E3F2FD;
- color: #495057; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #6cbbf5; }
+ color: #495057;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #6cbbf5;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #E3F2FD;
- border-color: #E3F2FD;
- color: #495057; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #E3F2FD;
+ border-color: #E3F2FD;
+ color: #495057;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #495057;
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #E3F2FD; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #495057;
+ background: #E3F2FD;
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #2196F3;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #E3F2FD;
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #E3F2FD;
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-sortable-column {
- outline-color: #a6d5fa; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #495057;
- background: #E3F2FD;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f8f9fa;
- color: #2196F3; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #2196F3; }
+ outline-color: #a6d5fa;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #495057;
+ background: #E3F2FD;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #f8f9fa;
+ color: #2196F3;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #2196F3;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #a6d5fa; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #E3F2FD;
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057; }
+ outline-color: #a6d5fa;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #E3F2FD;
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #495057;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #495057; }
+ color: #495057;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #495057;
+}
.p-treetable .p-column-resizer-helper {
- background: #2196F3; }
+ background: #2196F3;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f8f9fa;
border-color: #dee2e6;
color: #495057;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #ffffff;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #dee2e6;
- color: #495057;
- background: #f8f9fa;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #495057; }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ color: #495057;
+ background: #f8f9fa;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #495057;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2580,27 +3251,33 @@
background: #f8f9fa;
color: #495057;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2608,248 +3285,309 @@
color: #495057;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f9fa;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 3px;
- color: #495057; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #f8f9fa; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #495057;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #f8f9fa;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #2196F3;
- color: #2196F3; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #2196F3;
+ color: #2196F3;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #2196F3;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0d89ec;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #2196F3;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #0d89ec;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: #495057;
border: 0 none;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #495057;
color: #ffffff;
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #495057; }
+ border-right-color: #495057;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #495057; }
+ border-left-color: #495057;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #495057; }
+ border-top-color: #495057;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #495057; }
+ border-bottom-color: #495057;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f8f9fa;
@@ -2858,59 +3596,76 @@
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #0d89ec;
color: #ffffff;
- border-color: #0d89ec; }
+ border-color: #0d89ec;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #0b7ad1;
color: #ffffff;
- border-color: #0b7ad1; }
+ border-color: #0b7ad1;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #6c757d; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: #495057;
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #495057;
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-submenu-list {
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #6c757d;
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #6c757d;
- background: #e9ecef; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3293,31 +4167,39 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #f8f9fa;
- border-color: #dee2e6;
- color: #495057;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #495057; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #f8f9fa;
+ border-color: #dee2e6;
+ color: #495057;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #dee2e6;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #495057;
- border: 1px solid #e9ecef;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #495057;
+ border: 1px solid #e9ecef;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #E3F2FD;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #2196F3;
- color: #2196F3; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #2196F3;
+ color: #2196F3;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- 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);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ 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);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #E3F2FD;
- color: #495057; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #E3F2FD;
+ color: #495057;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #E3F2FD;
- color: #495057; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #E3F2FD;
+ color: #495057;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #2196F3;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #495057;
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: #e9ecef;
- color: #495057; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa; }
+ 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 {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #2196F3; }
- .p-progressbar .p-progressbar-label {
- color: #495057;
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #2196F3;
+}
+.p-progressbar .p-progressbar-label {
+ color: #495057;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8f9fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f8f9fa;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #2196F3;
@@ -3877,35 +4914,45 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #2196F3; }
+ background-color: #2196F3;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #2196F3; }
+ background-color: #2196F3;
+}
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index de425a178..d76b8e849 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -23,40 +23,50 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.6; }
+ opacity: 0.6;
+}
.p-error {
- color: #f44336; }
+ color: #f44336;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #495057;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #495057;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #4CAF50;
- background: #4CAF50; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #4CAF50; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3d8c40;
- background: #3d8c40;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44336; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #4CAF50;
+ background: #4CAF50;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #4CAF50;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #3d8c40;
+ background: #3d8c40;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44336;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #4CAF50; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #4CAF50;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa; }
+ background-color: #f8f9fa;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3d8c40; }
+ background: #3d8c40;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #6c757d;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-dropdown-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-editor-container .p-editor-toolbar {
background: #f8f9fa;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #495057; }
+ color: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #495057;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #4CAF50; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #4CAF50; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #4CAF50; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #4CAF50; }
+ color: #4CAF50;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #4CAF50;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #4CAF50;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #4CAF50;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -694,27 +856,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #4CAF50; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #449e48; }
- .p-inputswitch.p-invalid {
- border-color: #f44336; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b6bfc8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #4CAF50;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #449e48;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44336;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #4CAF50; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44336; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #4CAF50;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44336;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: #6c757d;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #ffffff;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #f44336;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: #495057;
border: 0 none;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #4CAF50; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #4CAF50;
- background: #4CAF50; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3d8c40;
- background: #3d8c40;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44336; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #4CAF50;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #4CAF50;
+ background: #4CAF50;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #3d8c40;
+ background: #3d8c40;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44336;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #4CAF50; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #3d8c40; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #4CAF50;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #3d8c40;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e74c3c; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #4CAF50; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e74c3c;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #4CAF50;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #4CAF50; }
+ color: #4CAF50;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #c0392b; }
+ color: #c0392b;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button.p-highlight {
- background: #4CAF50;
- border-color: #4CAF50;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #449e48;
- border-color: #449e48;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #4CAF50;
+ border-color: #4CAF50;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #449e48;
+ border-color: #449e48;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-slider {
background: #dee2e6;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #4CAF50;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-slider .p-slider-range {
- background: #4CAF50; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #4CAF50;
- border-color: #4CAF50; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #4CAF50;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-slider .p-slider-range {
+ background: #4CAF50;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #4CAF50;
+ border-color: #4CAF50;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #4CAF50; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #4CAF50;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button.p-highlight {
- background: #4CAF50;
- border-color: #4CAF50;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #449e48;
- border-color: #449e48;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44336; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #4CAF50;
+ border-color: #4CAF50;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #449e48;
+ border-color: #449e48;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44336;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #449e48;
- color: #ffffff;
- border-color: #449e48; }
- .p-button:enabled:active {
- background: #3d8c40;
- color: #ffffff;
- border-color: #3d8c40; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #4CAF50;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #449e48;
+ color: #ffffff;
+ border-color: #449e48;
+}
+.p-button:enabled:active {
+ background: #3d8c40;
+ color: #ffffff;
+ border-color: #3d8c40;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ color: #4CAF50;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(76, 175, 80, 0.04);
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(76, 175, 80, 0.16);
+ color: #4CAF50;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #4CAF50;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #beccd2; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #56717d;
+ color: #ffffff;
+ border-color: #56717d;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #beccd2;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #4d646f;
+ color: #ffffff;
+ border-color: #4d646f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
- border: 1px solid #0288D1; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #89d4fe; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288D1;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288D1; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288D1; }
+ border: 1px solid #0288D1;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #027abc;
+ color: #ffffff;
+ border-color: #027abc;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #89d4fe;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #026da7;
+ color: #ffffff;
+ border-color: #026da7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ border-color: transparent;
+ color: #0288D1;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ border-color: transparent;
+ color: #0288D1;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 1px solid #689F38; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #c2e0a8; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 1px solid #689F38;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #5e8f32;
+ color: #ffffff;
+ border-color: #5e8f32;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #c2e0a8;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #537f2d;
+ color: #ffffff;
+ border-color: #537f2d;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 1px solid #FBC02D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #fde6ab; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 1px solid #FBC02D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #fab710;
+ color: #212529;
+ border-color: #fab710;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fde6ab;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #e8a704;
+ color: #212529;
+ border-color: #e8a704;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 1px solid #D32F2F; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #edacac; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 1px solid #D32F2F;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c02929;
+ color: #ffffff;
+ border-color: #c02929;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #edacac;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #aa2424;
+ color: #ffffff;
+ border-color: #aa2424;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #3d8c40;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #3d8c40;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #3d8c40;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #3d8c40;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #3d8c40;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #E8F5E9;
- color: #495057; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #E8F5E9;
+ color: #495057;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #495057;
background: #E8F5E9;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #495057;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #f8f9fa;
- color: #4CAF50; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4CAF50; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #4CAF50; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #4CAF50; }
+ color: #4CAF50;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #4CAF50;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #4CAF50;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #4CAF50;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #b7e0b8;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #b7e0b8; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #E8F5E9;
- color: #495057; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #E8F5E9; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #E8F5E9; }
+ outline-color: #b7e0b8;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #E8F5E9;
+ color: #495057;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #E8F5E9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #E8F5E9;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-datatable .p-column-resizer-helper {
- background: #4CAF50; }
+ background: #4CAF50;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #fcfcfc; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #E8F5E9;
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057; }
+ background: #fcfcfc;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #E8F5E9;
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #495057;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #495057;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #e9ecef;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #f8f9fa;
color: #495057;
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #e9ecef;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #E8F5E9;
- color: #495057; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #E8F5E9;
+ color: #495057;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 0 none;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #f8f9fa;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #f8f9fa;
border: 1px solid #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #449e48;
border: 1px solid #449e48;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #f8f9fa;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #4CAF50;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #449e48;
- color: #ffffff;
- border-color: #449e48; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #3d8c40;
- color: #ffffff;
- border-color: #3d8c40; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid #ced4da;
- color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #4CAF50;
- border-color: #4CAF50;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #449e48;
- border-color: #449e48;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #449e48;
+ color: #ffffff;
+ border-color: #449e48;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #3d8c40;
+ color: #ffffff;
+ border-color: #3d8c40;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid #ced4da;
+ color: #495057;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #4CAF50;
+ border-color: #4CAF50;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #449e48;
+ border-color: #449e48;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f8f9fa;
color: #495057;
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #E8F5E9;
- color: #495057; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8fce94; }
+ color: #495057;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #8fce94;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #E8F5E9;
- border-color: #E8F5E9;
- color: #495057; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #E8F5E9;
+ border-color: #E8F5E9;
+ color: #495057;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #495057;
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #E8F5E9; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #495057;
+ background: #E8F5E9;
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #4CAF50;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #E8F5E9;
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #E8F5E9;
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-sortable-column {
- outline-color: #b7e0b8; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #495057;
- background: #E8F5E9;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f8f9fa;
- color: #4CAF50; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4CAF50; }
+ outline-color: #b7e0b8;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #495057;
+ background: #E8F5E9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #f8f9fa;
+ color: #4CAF50;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #4CAF50;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #b7e0b8; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #E8F5E9;
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057; }
+ outline-color: #b7e0b8;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #E8F5E9;
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #495057;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #495057; }
+ color: #495057;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #495057;
+}
.p-treetable .p-column-resizer-helper {
- background: #4CAF50; }
+ background: #4CAF50;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f8f9fa;
border-color: #dee2e6;
color: #495057;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #ffffff;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #dee2e6;
- color: #495057;
- background: #f8f9fa;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #495057; }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ color: #495057;
+ background: #f8f9fa;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #495057;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2580,27 +3251,33 @@
background: #f8f9fa;
color: #495057;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2608,248 +3285,309 @@
color: #495057;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f9fa;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 3px;
- color: #495057; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #f8f9fa; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #495057;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #f8f9fa;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #4CAF50;
- color: #4CAF50; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #4CAF50;
+ color: #4CAF50;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #4CAF50;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #449e48;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #4CAF50;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #449e48;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: #495057;
border: 0 none;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #495057;
color: #ffffff;
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #495057; }
+ border-right-color: #495057;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #495057; }
+ border-left-color: #495057;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #495057; }
+ border-top-color: #495057;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #495057; }
+ border-bottom-color: #495057;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f8f9fa;
@@ -2858,59 +3596,76 @@
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #449e48;
color: #ffffff;
- border-color: #449e48; }
+ border-color: #449e48;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #3d8c40;
color: #ffffff;
- border-color: #3d8c40; }
+ border-color: #3d8c40;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #6c757d; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: #495057;
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #495057;
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-submenu-list {
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #6c757d;
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #6c757d;
- background: #e9ecef; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3293,31 +4167,39 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #f8f9fa;
- border-color: #dee2e6;
- color: #495057;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #495057; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #f8f9fa;
+ border-color: #dee2e6;
+ color: #495057;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #dee2e6;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #495057;
- border: 1px solid #e9ecef;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #495057;
+ border: 1px solid #e9ecef;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #E8F5E9;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #4CAF50;
- color: #4CAF50; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #4CAF50;
+ color: #4CAF50;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- 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);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ 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);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #E8F5E9;
- color: #495057; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #E8F5E9;
+ color: #495057;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #E8F5E9;
- color: #495057; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #E8F5E9;
+ color: #495057;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #4CAF50;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #495057;
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: #e9ecef;
- color: #495057; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8; }
+ 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 {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #4CAF50; }
- .p-progressbar .p-progressbar-label {
- color: #495057;
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #4CAF50;
+}
+.p-progressbar .p-progressbar-label {
+ color: #495057;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8f9fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f8f9fa;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #4CAF50;
@@ -3877,35 +4914,45 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #4CAF50; }
+ background-color: #4CAF50;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #4CAF50; }
+ background-color: #4CAF50;
+}
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 919a46c22..0da0f3861 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -23,40 +23,50 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.6; }
+ opacity: 0.6;
+}
.p-error {
- color: #f44336; }
+ color: #f44336;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #495057;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #495057;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFC107;
- background: #FFC107; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFC107; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #d29d00;
- background: #d29d00;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44336; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #FFC107;
+ background: #FFC107;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #FFC107;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #d29d00;
+ background: #d29d00;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44336;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFC107; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #FFC107;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa; }
+ background-color: #f8f9fa;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #d29d00; }
+ background: #d29d00;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #6c757d;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-dropdown-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-editor-container .p-editor-toolbar {
background: #f8f9fa;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #495057; }
+ color: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #495057;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #FFC107; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #FFC107; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #FFC107; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #FFC107; }
+ color: #FFC107;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #FFC107;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #FFC107;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #FFC107;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -694,27 +856,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFC107; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ecb100; }
- .p-inputswitch.p-invalid {
- border-color: #f44336; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b6bfc8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #FFC107;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ecb100;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44336;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #FFC107; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44336; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #FFC107;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44336;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: #6c757d;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #ffffff;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #f44336;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: #495057;
border: 0 none;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFC107; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFC107;
- background: #FFC107; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #d29d00;
- background: #d29d00;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44336; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #FFC107;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #FFC107;
+ background: #FFC107;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #d29d00;
+ background: #d29d00;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44336;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #FFC107; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #d29d00; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #FFC107;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #d29d00;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e74c3c; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #FFC107; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e74c3c;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #FFC107;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #FFC107; }
+ color: #FFC107;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #c0392b; }
+ color: #c0392b;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button.p-highlight {
- background: #FFC107;
- border-color: #FFC107;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #ecb100;
- border-color: #ecb100;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #FFC107;
+ border-color: #FFC107;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #ecb100;
+ border-color: #ecb100;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-slider {
background: #dee2e6;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #FFC107;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-slider .p-slider-range {
- background: #FFC107; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFC107;
- border-color: #FFC107; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #FFC107;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-slider .p-slider-range {
+ background: #FFC107;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #FFC107;
+ border-color: #FFC107;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #FFC107; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #FFC107;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button.p-highlight {
- background: #FFC107;
- border-color: #FFC107;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #ecb100;
- border-color: #ecb100;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44336; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #FFC107;
+ border-color: #FFC107;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #ecb100;
+ border-color: #ecb100;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44336;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #ecb100;
- color: #212529;
- border-color: #ecb100; }
- .p-button:enabled:active {
- background: #d29d00;
- color: #212529;
- border-color: #d29d00; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFC107;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- color: #FFC107;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- color: #FFC107;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFC107;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(255, 193, 7, 0.04);
- color: #FFC107;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(255, 193, 7, 0.16);
- color: #FFC107;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #FFC107;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #ecb100;
+ color: #212529;
+ border-color: #ecb100;
+}
+.p-button:enabled:active {
+ background: #d29d00;
+ color: #212529;
+ border-color: #d29d00;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFC107;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ color: #FFC107;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ color: #FFC107;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #FFC107;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(255, 193, 7, 0.04);
+ color: #FFC107;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(255, 193, 7, 0.16);
+ color: #FFC107;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #FFC107;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #beccd2; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #56717d;
+ color: #ffffff;
+ border-color: #56717d;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #beccd2;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #4d646f;
+ color: #ffffff;
+ border-color: #4d646f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
- border: 1px solid #0288D1; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #89d4fe; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288D1;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288D1; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288D1; }
+ border: 1px solid #0288D1;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #027abc;
+ color: #ffffff;
+ border-color: #027abc;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #89d4fe;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #026da7;
+ color: #ffffff;
+ border-color: #026da7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ border-color: transparent;
+ color: #0288D1;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ border-color: transparent;
+ color: #0288D1;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 1px solid #689F38; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #c2e0a8; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 1px solid #689F38;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #5e8f32;
+ color: #ffffff;
+ border-color: #5e8f32;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #c2e0a8;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #537f2d;
+ color: #ffffff;
+ border-color: #537f2d;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 1px solid #FBC02D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #fde6ab; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 1px solid #FBC02D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #fab710;
+ color: #212529;
+ border-color: #fab710;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fde6ab;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #e8a704;
+ color: #212529;
+ border-color: #e8a704;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 1px solid #D32F2F; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #edacac; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 1px solid #D32F2F;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c02929;
+ color: #ffffff;
+ border-color: #c02929;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #edacac;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #aa2424;
+ color: #ffffff;
+ border-color: #aa2424;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #d29d00;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #d29d00;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #d29d00;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #d29d00;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #d29d00;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #FFF3E0;
- color: #495057; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #FFF3E0;
+ color: #495057;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #495057;
background: #FFF3E0;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #495057;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #f8f9fa;
- color: #FFC107; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFC107; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #FFC107; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #FFC107; }
+ color: #FFC107;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFC107;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #FFC107;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #FFC107;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #ffe69c;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #ffe69c; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #FFF3E0;
- color: #495057; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFF3E0; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFF3E0; }
+ outline-color: #ffe69c;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #FFF3E0;
+ color: #495057;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #FFF3E0;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #FFF3E0;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-datatable .p-column-resizer-helper {
- background: #FFC107; }
+ background: #FFC107;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #fcfcfc; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #FFF3E0;
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057; }
+ background: #fcfcfc;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #FFF3E0;
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #495057;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #495057;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #e9ecef;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #f8f9fa;
color: #495057;
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #e9ecef;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #FFF3E0;
- color: #495057; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #FFF3E0;
+ color: #495057;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 0 none;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #f8f9fa;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #f8f9fa;
border: 1px solid #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #ecb100;
border: 1px solid #ecb100;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #f8f9fa;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #FFC107;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #ecb100;
- color: #212529;
- border-color: #ecb100; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #d29d00;
- color: #212529;
- border-color: #d29d00; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid #ced4da;
- color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #FFC107;
- border-color: #FFC107;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #ecb100;
- border-color: #ecb100;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #ecb100;
+ color: #212529;
+ border-color: #ecb100;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #d29d00;
+ color: #212529;
+ border-color: #d29d00;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid #ced4da;
+ color: #495057;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFC107;
+ border-color: #FFC107;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #ecb100;
+ border-color: #ecb100;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f8f9fa;
color: #495057;
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #FFF3E0;
- color: #495057; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ffc261; }
+ color: #495057;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #ffc261;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #FFF3E0;
- border-color: #FFF3E0;
- color: #495057; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #FFF3E0;
+ border-color: #FFF3E0;
+ color: #495057;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #495057;
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #FFF3E0; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #495057;
+ background: #FFF3E0;
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #FFC107;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #FFF3E0;
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #FFF3E0;
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-sortable-column {
- outline-color: #ffe69c; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #495057;
- background: #FFF3E0;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f8f9fa;
- color: #FFC107; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFC107; }
+ outline-color: #ffe69c;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #495057;
+ background: #FFF3E0;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #f8f9fa;
+ color: #FFC107;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFC107;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #ffe69c; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #FFF3E0;
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057; }
+ outline-color: #ffe69c;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #FFF3E0;
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #495057;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #495057; }
+ color: #495057;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #495057;
+}
.p-treetable .p-column-resizer-helper {
- background: #FFC107; }
+ background: #FFC107;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f8f9fa;
border-color: #dee2e6;
color: #495057;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #ffffff;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #dee2e6;
- color: #495057;
- background: #f8f9fa;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #495057; }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ color: #495057;
+ background: #f8f9fa;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #495057;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2580,27 +3251,33 @@
background: #f8f9fa;
color: #495057;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2608,248 +3285,309 @@
color: #495057;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f9fa;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 3px;
- color: #495057; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #f8f9fa; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #495057;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #f8f9fa;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #FFC107;
- color: #FFC107; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #FFC107;
+ color: #FFC107;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFC107;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #ecb100;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #FFC107;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #ecb100;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: #495057;
border: 0 none;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #495057;
color: #ffffff;
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #495057; }
+ border-right-color: #495057;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #495057; }
+ border-left-color: #495057;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #495057; }
+ border-top-color: #495057;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #495057; }
+ border-bottom-color: #495057;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f8f9fa;
@@ -2858,59 +3596,76 @@
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #ecb100;
color: #212529;
- border-color: #ecb100; }
+ border-color: #ecb100;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #d29d00;
color: #212529;
- border-color: #d29d00; }
+ border-color: #d29d00;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #6c757d; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: #495057;
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #495057;
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-submenu-list {
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #6c757d;
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #6c757d;
- background: #e9ecef; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3293,31 +4167,39 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #f8f9fa;
- border-color: #dee2e6;
- color: #495057;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #495057; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #f8f9fa;
+ border-color: #dee2e6;
+ color: #495057;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #dee2e6;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #495057;
- border: 1px solid #e9ecef;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #495057;
+ border: 1px solid #e9ecef;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #FFF3E0;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #FFC107;
- color: #FFC107; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #FFC107;
+ color: #FFC107;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #ffe69c;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- 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);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ 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);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFF3E0;
- color: #495057; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFF3E0;
+ color: #495057;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFF3E0;
- color: #495057; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFF3E0;
+ color: #495057;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #FFC107;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #495057;
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: #e9ecef;
- color: #495057; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c; }
+ 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 {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFC107; }
- .p-progressbar .p-progressbar-label {
- color: #495057;
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFC107;
+}
+.p-progressbar .p-progressbar-label {
+ color: #495057;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8f9fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f8f9fa;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #FFC107;
@@ -3877,35 +4914,45 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #FFC107; }
+ background-color: #FFC107;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #FFC107; }
+ background-color: #FFC107;
+}
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 35f1448a3..f4c01a57f 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -23,40 +23,50 @@
--surface-800: #424242;
--surface-900: #212121;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.6; }
+ opacity: 0.6;
+}
.p-error {
- color: #f44336; }
+ color: #f44336;
+}
.p-text-secondary {
- color: #6c757d; }
+ color: #6c757d;
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-autocomplete-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #495057;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #dee2e6;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 0 none;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #dee2e6;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #ced4da;
+ color: #495057;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #dee2e6;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dee2e6;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #dee2e6;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d; }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-cascadeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #9C27B0;
- background: #9C27B0; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #9C27B0; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #7d1f8d;
- background: #7d1f8d;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f44336; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #9C27B0;
+ background: #9C27B0;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #9C27B0;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #7d1f8d;
+ background: #7d1f8d;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #f44336;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #9C27B0; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #9C27B0;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa; }
+ background-color: #f8f9fa;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #7d1f8d; }
+ background: #7d1f8d;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: #495057;
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #495057;
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #323232;
- border-color: #191919; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d; }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #6c757d;
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #6c757d;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-dropdown-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-editor-container .p-editor-toolbar {
background: #f8f9fa;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #495057; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #495057;
- background: #e9ecef; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #6c757d;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #495057;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dee2e6;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #495057;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #495057; }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #495057; }
+ color: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #495057;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #495057;
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #9C27B0; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #9C27B0; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #9C27B0; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #9C27B0; }
+ color: #9C27B0;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #9C27B0;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #9C27B0;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #9C27B0;
+}
.p-inputgroup-addon {
background: #e9ecef;
@@ -694,27 +856,33 @@
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #ced4da;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #9C27B0; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff; }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #8c239e; }
- .p-inputswitch.p-invalid {
- border-color: #f44336; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ced4da;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b6bfc8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #9C27B0;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #ffffff;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #8c239e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #f44336;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #9C27B0; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-inputtext.p-invalid.p-component {
- border-color: #f44336; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #9C27B0;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #f44336;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: #6c757d;
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
::-moz-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
:-ms-input-placeholder {
- color: #6c757d; }
+ color: #6c757d;
+}
.p-input-filled .p-inputtext {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #ffffff;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-listbox.p-invalid {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-listbox.p-invalid {
+ border-color: #f44336;
+}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: #495057;
+ background: #f8f9fa;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: #495057;
border: 0 none;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #D32F2F; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FBC02D; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689F38; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #dee2e6;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #D32F2F;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FBC02D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #689F38;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #495057;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #9C27B0; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #9C27B0;
- background: #9C27B0; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #7d1f8d;
- background: #7d1f8d;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f44336; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #ced4da;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #495057;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #9C27B0;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #9C27B0;
+ background: #9C27B0;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #7d1f8d;
+ background: #7d1f8d;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #f44336;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #9C27B0; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #7d1f8d; }
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #9C27B0;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #7d1f8d;
+}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #e74c3c; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #9C27B0; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #e74c3c;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #9C27B0;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #9C27B0; }
+ color: #9C27B0;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #c0392b; }
+ color: #c0392b;
+}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-selectbutton .p-button.p-highlight {
- background: #9C27B0;
- border-color: #9C27B0;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #8c239e;
- border-color: #8c239e;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #9C27B0;
+ border-color: #9C27B0;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #8c239e;
+ border-color: #8c239e;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #f44336; }
+ border-color: #f44336;
+}
.p-slider {
background: #dee2e6;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #9C27B0;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-slider .p-slider-range {
- background: #9C27B0; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #9C27B0;
- border-color: #9C27B0; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #9C27B0;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-slider .p-slider-range {
+ background: #9C27B0;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #9C27B0;
+ border-color: #9C27B0;
+}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #9C27B0; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d; }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #495057;
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #f44336; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #9C27B0;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #6c757d;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #6c757d;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #f44336;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: #495057;
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8f9fa; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff; }
+ background: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f8f9fa;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #ffffff;
+}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #6c757d; }
- .p-togglebutton.p-button.p-highlight {
- background: #9C27B0;
- border-color: #9C27B0;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #8c239e;
- border-color: #8c239e;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #f44336; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #6c757d;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #9C27B0;
+ border-color: #9C27B0;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #8c239e;
+ border-color: #8c239e;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #f44336;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .p-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: #e9ecef;
- color: #6c757d; }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: #dee2e6;
- color: #6c757d; }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #9C27B0;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #6c757d;
+ border-color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #e9ecef;
+ color: #6c757d;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dee2e6;
+ color: #6c757d;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #9C27B0;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
- border: 1px solid #607D8B; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #beccd2; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- color: #607D8B;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #607D8B;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(96, 125, 139, 0.04);
- border-color: transparent;
- color: #607D8B; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(96, 125, 139, 0.16);
- border-color: transparent;
- color: #607D8B; }
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #56717d;
+ color: #ffffff;
+ border-color: #56717d;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #beccd2;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #4d646f;
+ color: #ffffff;
+ border-color: #4d646f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
- border: 1px solid #0288D1; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #89d4fe; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- color: #0288D1;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288D1;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288D1; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288D1; }
+ border: 1px solid #0288D1;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #027abc;
+ color: #ffffff;
+ border-color: #027abc;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #89d4fe;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #026da7;
+ color: #ffffff;
+ border-color: #026da7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ color: #0288D1;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #0288D1;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(2, 136, 209, 0.04);
+ border-color: transparent;
+ color: #0288D1;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(2, 136, 209, 0.16);
+ border-color: transparent;
+ color: #0288D1;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
- border: 1px solid #689F38; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #c2e0a8; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- color: #689F38;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689F38;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689F38; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689F38; }
+ border: 1px solid #689F38;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #5e8f32;
+ color: #ffffff;
+ border-color: #5e8f32;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #c2e0a8;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #537f2d;
+ color: #ffffff;
+ border-color: #537f2d;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ color: #689F38;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #689F38;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(104, 159, 56, 0.04);
+ border-color: transparent;
+ color: #689F38;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(104, 159, 56, 0.16);
+ border-color: transparent;
+ color: #689F38;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
- border: 1px solid #FBC02D; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #fde6ab; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- color: #FBC02D;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FBC02D;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(251, 192, 45, 0.04);
- border-color: transparent;
- color: #FBC02D; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(251, 192, 45, 0.16);
- border-color: transparent;
- color: #FBC02D; }
+ border: 1px solid #FBC02D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #fab710;
+ color: #212529;
+ border-color: #fab710;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fde6ab;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #e8a704;
+ color: #212529;
+ border-color: #e8a704;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ color: #FBC02D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FBC02D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(251, 192, 45, 0.04);
+ border-color: transparent;
+ color: #FBC02D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(251, 192, 45, 0.16);
+ border-color: transparent;
+ color: #FBC02D;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
- border: 1px solid #9C27B0; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9C27B0;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(156, 39, 176, 0.04);
- border-color: transparent;
- color: #9C27B0; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(156, 39, 176, 0.16);
- border-color: transparent;
- color: #9C27B0; }
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
- border: 1px solid #D32F2F; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 0.2rem #edacac; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- color: #D32F2F;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #D32F2F;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(211, 47, 47, 0.04);
- border-color: transparent;
- color: #D32F2F; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(211, 47, 47, 0.16);
- border-color: transparent;
- color: #D32F2F; }
+ border: 1px solid #D32F2F;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c02929;
+ color: #ffffff;
+ border-color: #c02929;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #edacac;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #aa2424;
+ color: #ffffff;
+ border-color: #aa2424;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ color: #D32F2F;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #D32F2F;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(211, 47, 47, 0.04);
+ border-color: transparent;
+ color: #D32F2F;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(211, 47, 47, 0.16);
+ border-color: transparent;
+ color: #D32F2F;
+}
.p-button.p-button-link {
color: #7d1f8d;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #7d1f8d;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #7d1f8d;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #7d1f8d;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #7d1f8d;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #F3E5F5;
- color: #495057; }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #e9ecef;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #dee2e6;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #F3E5F5;
+ color: #495057;
+}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #6c757d;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: #495057;
background: #F3E5F5;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
+ color: #495057;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
.p-datatable .p-sortable-column.p-highlight {
background: #f8f9fa;
- color: #9C27B0; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #9C27B0; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #9C27B0; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #9C27B0; }
+ color: #9C27B0;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #9C27B0;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e9ecef;
+ color: #9C27B0;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #9C27B0;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #df9eea;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #df9eea; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #F3E5F5;
- color: #495057; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #F3E5F5; }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #F3E5F5; }
+ outline-color: #df9eea;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #F3E5F5;
+ color: #495057;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #F3E5F5;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #F3E5F5;
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-datatable .p-column-resizer-helper {
- background: #9C27B0; }
+ background: #9C27B0;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: #fcfcfc; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #F3E5F5;
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057; }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057; }
+ background: #fcfcfc;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #F3E5F5;
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #495057;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #495057;
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #495057;
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #e9ecef;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #f8f9fa;
color: #495057;
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #e9ecef;
- color: #495057; }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #F3E5F5;
- color: #495057; }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #F3E5F5;
+ color: #495057;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-column-filter-overlay {
background: #ffffff;
@@ -1904,30 +2393,37 @@
border: 0 none;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #f8f9fa;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #dee2e6; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #dee2e6;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #f8f9fa;
border: 1px solid #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.fc .fc-view-harness td {
background: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #8c239e;
border: 1px solid #8c239e;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #f8f9fa;
border: 1px solid #dee2e6;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #dee2e6; }
+ border: 1px solid #dee2e6;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #9C27B0;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #ffffff;
- border: 1px solid #ced4da;
- color: #495057;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: #e9ecef;
- border-color: #ced4da;
- color: #495057; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #9C27B0;
- border-color: #9C27B0;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #8c239e;
- border-color: #8c239e;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #ffffff;
+ border: 1px solid #ced4da;
+ color: #495057;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #e9ecef;
+ border-color: #ced4da;
+ color: #495057;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #9C27B0;
+ border-color: #9C27B0;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #8c239e;
+ border-color: #8c239e;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #f8f9fa;
color: #495057;
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #F3E5F5;
- color: #495057; }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #c989d2; }
+ color: #495057;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #c989d2;
+}
.p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6; }
+ background: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
- border-color: #dee2e6; }
+ border-color: #dee2e6;
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-paginator {
background: #ffffff;
@@ -2121,67 +2666,81 @@
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.357rem; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #6c757d;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #F3E5F5;
- border-color: #F3E5F5;
- color: #495057; }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057; }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #6c757d;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #F3E5F5;
+ border-color: #F3E5F5;
+ color: #495057;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e9ecef;
+ border-color: transparent;
+ color: #495057;
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #495057;
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #F3E5F5; }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: #495057;
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #495057;
+ background: #F3E5F5;
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #9C27B0;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6; }
+ background-color: #dee2e6;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #F3E5F5;
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #495057; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #6c757d; }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #F3E5F5;
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #495057;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: #6c757d;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #f8f9fa;
color: #495057;
border: 1px solid #e9ecef;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: #495057;
background: #f8f9fa;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: #495057;
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-sortable-column {
- outline-color: #df9eea; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #495057;
- background: #F3E5F5;
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #495057; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d; }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f8f9fa;
- color: #9C27B0; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #9C27B0; }
+ outline-color: #df9eea;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #495057;
+ background: #F3E5F5;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #6c757d;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #f8f9fa;
+ color: #9C27B0;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #9C27B0;
+}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
- outline-color: #df9eea; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #F3E5F5;
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057; }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057; }
+ outline-color: #df9eea;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #e9ecef;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #F3E5F5;
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #495057;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #495057;
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
- color: #495057; }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #495057; }
+ color: #495057;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #495057;
+}
.p-treetable .p-column-resizer-helper {
- background: #9C27B0; }
+ background: #9C27B0;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #f8f9fa; }
+ background: #f8f9fa;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f8f9fa;
border-color: #dee2e6;
color: #495057;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
- color: #495057; }
+ color: #495057;
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #ffffff;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d; }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 400;
+ margin-bottom: 0.5rem;
+ color: #6c757d;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #dee2e6;
- color: #495057;
- background: #f8f9fa;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #495057; }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ color: #495057;
+ background: #f8f9fa;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #e9ecef;
+ border-color: #dee2e6;
+ color: #495057;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #ffffff; }
+ background-color: #ffffff;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #dee2e6; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dee2e6;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #dee2e6; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dee2e6;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
@@ -2580,27 +3251,33 @@
background: #f8f9fa;
color: #495057;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -2608,248 +3285,309 @@
color: #495057;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f9fa;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 3px;
- color: #495057; }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #f8f9fa; }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6; }
+ color: #495057;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #f8f9fa;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dee2e6;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dee2e6;
+}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #9C27B0;
- color: #9C27B0; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #ffffff;
+ border-color: #9C27B0;
+ color: #9C27B0;
+}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 0 none; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 0 none;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #ffffff;
+ color: #495057;
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #ffffff;
color: #495057;
border: 0 none;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #9C27B0;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #8c239e;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #9C27B0;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #8c239e;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #ffffff;
+}
.p-sidebar {
background: #ffffff;
color: #495057;
border: 0 none;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: #e9ecef; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #495057;
+ border-color: transparent;
+ background: #e9ecef;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #495057;
color: #ffffff;
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #495057; }
+ border-right-color: #495057;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #495057; }
+ border-left-color: #495057;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #495057; }
+ border-top-color: #495057;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #495057; }
+ border-bottom-color: #495057;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #f8f9fa;
@@ -2858,59 +3596,76 @@
color: #495057;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #8c239e;
color: #ffffff;
- border-color: #8c239e; }
+ border-color: #8c239e;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #7d1f8d;
color: #ffffff;
- border-color: #7d1f8d; }
+ border-color: #7d1f8d;
+}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: #6c757d; }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: #495057; }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: #6c757d; }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: #495057;
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: #6c757d;
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: #495057;
border: 0 none;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #ffffff;
+ color: #495057;
+ border: 0 none;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #495057;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-menu.p-menu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: #495057;
+ background: #ffffff;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-submenu-list {
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #6c757d;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #6c757d;
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: #6c757d;
- background: #e9ecef; }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3293,31 +4167,39 @@
background: #f8f9fa;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
- color: #495057; }
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #f8f9fa;
- border-color: #dee2e6;
- color: #495057;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #495057; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #f8f9fa;
+ border-color: #dee2e6;
+ color: #495057;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #dee2e6;
+ background: #e9ecef;
+ color: #495057;
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #dee2e6;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: #ffffff; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #495057;
- border: 1px solid #e9ecef;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d; }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #495057;
+ border: 1px solid #e9ecef;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #6c757d;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #F3E5F5;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: #495057; }
+ color: #495057;
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #dee2e6;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #dee2e6;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #dee2e6 transparent;
- background: #ffffff;
- color: #6c757d;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #9C27B0;
- color: #9C27B0; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #dee2e6;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #dee2e6 transparent;
+ background: #ffffff;
+ color: #6c757d;
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #ffffff;
+ border-color: #6c757d;
+ color: #6c757d;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #ffffff;
+ border-color: #9C27B0;
+ color: #9C27B0;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: #495057;
border: 1px solid #dee2e6;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: #6c757d; }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: #495057;
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #df9eea;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #ffffff;
+ border: 0 none;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #dee2e6;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- 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);
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ 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);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F3E5F5;
- color: #495057; }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F3E5F5;
+ color: #495057;
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F3E5F5;
- color: #495057; }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F3E5F5;
+ color: #495057;
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #dee2e6;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #ffffff; }
+ border: 2px solid #ffffff;
+}
.p-badge {
background: #9C27B0;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #dee2e6;
color: #495057;
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: #e9ecef;
- color: #495057; }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea; }
+ 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 {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9C27B0; }
- .p-progressbar .p-progressbar-label {
- color: #495057;
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #9C27B0;
+}
+.p-progressbar .p-progressbar-label {
+ color: #495057;
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7); }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8f9fa; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f8f9fa;
+}
.p-skeleton {
background-color: #e9ecef;
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #9C27B0;
@@ -3877,35 +4914,45 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff; }
- .p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff; }
- .p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529; }
- .p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #9C27B0; }
+ background-color: #9C27B0;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #9C27B0; }
+ background-color: #9C27B0;
+}
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index aab9abd20..a22116d02 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4b535e;
--surface-900: #515963;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2d40; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #304562;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #304562; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #304562;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #304562;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1f2d40;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #304562;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #304562;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #304562;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #304562;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #64B5F6;
- background: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #64B5F6;
+ background: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #2396f2;
+ background: #2396f2;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #304562; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #64B5F6; }
+ background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #64B5F6;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #2396f2; }
+ background: #2396f2;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1f2d40;
- border-color: #304562; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #304562;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-editor-container .p-editor-toolbar {
background: #1f2d40;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #17212f;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #17212f;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #64B5F6; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #64B5F6; }
+ color: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #64B5F6;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #64B5F6;
+}
.p-inputgroup-addon {
background: #1f2d40;
@@ -694,27 +856,33 @@
border-left: 1px solid #304562;
border-bottom: 1px solid #304562;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #304562; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #304562;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #304562;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #64B5F6; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #43a5f4; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #64B5F6;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #43a5f4;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #64B5F6; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #64B5F6;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #304562; }
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #304562;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #304562; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #64B5F6; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #64B5F6;
- background: #64B5F6; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #64B5F6;
+ background: #64B5F6;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #2396f2;
+ background: #2396f2;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #64B5F6; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #2396f2; }
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #64B5F6;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #2396f2;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #64B5F6; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #64B5F6;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #64B5F6; }
+ color: #64B5F6;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #304562;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #304562;
- border: 2px solid #64B5F6;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-slider .p-slider-range {
- background: #64B5F6; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #64B5F6;
- border-color: #64B5F6; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #304562;
+ border: 2px solid #64B5F6;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-slider .p-slider-range {
+ background: #64B5F6;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #64B5F6;
+ border-color: #64B5F6;
+}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #64B5F6; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #64B5F6;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4; }
- .p-button:enabled:active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #64B5F6;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.p-button:enabled:active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(100, 181, 246, 0.04);
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(100, 181, 246, 0.16);
+ color: #64B5F6;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(100, 181, 246, 0.04);
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(100, 181, 246, 0.16);
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #64B5F6;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #64B5F6;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.1rem #93cbf9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #64B5F6;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.1rem #93cbf9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #64B5F6;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #304562;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3c567a; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #304562;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #3c567a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1f2d40;
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #64B5F6; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #64B5F6; }
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #64B5F6;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #64B5F6;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #93cbf9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #93cbf9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); }
+ outline-color: #93cbf9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #64B5F6; }
+ background: #64B5F6;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #304562;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-column-filter-overlay {
background: #1f2d40;
@@ -1904,30 +2393,37 @@
border: 1px solid #304562;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1f2d40;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #304562; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #304562;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1f2d40;
border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #43a5f4;
border: 1px solid #43a5f4;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1f2d40;
border: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #304562; }
+ border: 1px solid #304562;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #64B5F6;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1f2d40;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #64B5F6;
+ border-color: #64B5F6;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #43a5f4;
+ border-color: #43a5f4;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(12, 120, 207, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(12, 120, 207, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.6); }
+ background: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-paginator {
background: #1f2d40;
@@ -2121,67 +2666,81 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- border-color: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ border-color: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #64B5F6;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-sortable-column {
- outline-color: #93cbf9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1f2d40;
- color: #64B5F6; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6; }
+ outline-color: #93cbf9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(100, 181, 246, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1f2d40;
+ color: #64B5F6;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #64B5F6;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #93cbf9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #93cbf9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #64B5F6; }
+ background: #64B5F6;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1f2d40;
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #304562;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1f2d40;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #304562; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #304562;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #304562; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #304562;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #304562;
@@ -2580,27 +3251,33 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #304562;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #304562; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #304562; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #304562;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #304562;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #64B5F6;
- color: #64B5F6; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #64B5F6;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #64B5F6;
+ color: #64B5F6;
+}
.p-tabview .p-tabview-panels {
background: #1f2d40;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2d40; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #304562; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #304562;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #304562; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #304562;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #64B5F6;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #43a5f4;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2d40; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #304562; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #64B5F6;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #43a5f4;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #304562;
+}
.p-sidebar {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #304562;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #304562; }
+ border-right-color: #304562;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #304562; }
+ border-left-color: #304562;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #304562; }
+ border-top-color: #304562;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #304562; }
+ border-bottom-color: #304562;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1f2d40;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #43a5f4;
color: #212529;
- border-color: #43a5f4; }
+ border-color: #43a5f4;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #2396f2;
color: #212529;
- border-color: #2396f2; }
+ border-color: #2396f2;
+}
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-megamenu .p-megamenu-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #304562;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menu.p-menu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menu.p-menu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #304562;
@@ -3293,31 +4167,39 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1f2d40;
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #304562;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1f2d40;
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #304562;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #304562;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #304562;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2d40;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2d40;
- border-color: #64B5F6;
- color: #64B5F6; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #64B5F6;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #64B5F6;
+ color: #64B5F6;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #93cbf9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #304562;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3c567a; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #304562;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #3c567a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(100, 181, 246, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #304562;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1f2d40; }
+ border: 2px solid #1f2d40;
+}
.p-badge {
background: #64B5F6;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #64B5F6; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #64B5F6;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(100, 181, 246, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(100, 181, 246, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(100, 181, 246, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(100, 181, 246, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #64B5F6;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #64B5F6; }
+ background-color: #64B5F6;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #64B5F6; }
+ background-color: #64B5F6;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #64B5F6; }
+ background: #64B5F6;
+}
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 5131cd24d..3db8c4a6b 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4b535e;
--surface-900: #515963;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2d40; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #304562;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #304562; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #304562;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #304562;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1f2d40;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #304562;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #304562;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #304562;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #304562;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #81C784;
- background: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #81C784;
+ background: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #54b358;
+ background: #54b358;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #304562; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #81C784; }
+ background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #81C784;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #54b358; }
+ background: #54b358;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1f2d40;
- border-color: #304562; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #304562;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-editor-container .p-editor-toolbar {
background: #1f2d40;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #17212f;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #17212f;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #81C784; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #81C784; }
+ color: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #81C784;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #81C784;
+}
.p-inputgroup-addon {
background: #1f2d40;
@@ -694,27 +856,33 @@
border-left: 1px solid #304562;
border-bottom: 1px solid #304562;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #304562; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #304562;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #304562;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #81C784; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #6abd6e; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #81C784;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #6abd6e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #81C784; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #81C784;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #304562; }
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #304562;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #304562; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #81C784; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #81C784;
- background: #81C784; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #81C784;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #81C784;
+ background: #81C784;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #54b358;
+ background: #54b358;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #81C784; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #54b358; }
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #81C784;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #54b358;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #81C784; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #81C784;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #81C784; }
+ color: #81C784;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #304562;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #304562;
- border: 2px solid #81C784;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-slider .p-slider-range {
- background: #81C784; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #81C784;
- border-color: #81C784; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #304562;
+ border: 2px solid #81C784;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-slider .p-slider-range {
+ background: #81C784;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #81C784;
+ border-color: #81C784;
+}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #81C784; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #81C784;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e; }
- .p-button:enabled:active {
- background: #54b358;
- color: #212529;
- border-color: #54b358; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #81C784;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.p-button:enabled:active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 199, 132, 0.04);
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 199, 132, 0.16);
+ color: #81C784;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(129, 199, 132, 0.04);
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(129, 199, 132, 0.16);
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #81C784;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #81C784;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.1rem #a7d8a9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #81C784;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.1rem #a7d8a9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #81C784;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #304562;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3c567a; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #304562;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #3c567a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1f2d40;
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #81C784; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #81C784; }
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #81C784;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #81C784;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #a7d8a9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #a7d8a9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16); }
+ outline-color: #a7d8a9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #81C784; }
+ background: #81C784;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #304562;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-column-filter-overlay {
background: #1f2d40;
@@ -1904,30 +2393,37 @@
border: 1px solid #304562;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1f2d40;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #304562; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #304562;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1f2d40;
border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #6abd6e;
border: 1px solid #6abd6e;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1f2d40;
border: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #304562; }
+ border: 1px solid #304562;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #81C784;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #54b358;
- color: #212529;
- border-color: #54b358; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1f2d40;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #81C784;
- border-color: #81C784;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #81C784;
+ border-color: #81C784;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #6abd6e;
+ border-color: #6abd6e;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(62, 139, 65, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(62, 139, 65, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.6); }
+ background: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-paginator {
background: #1f2d40;
@@ -2121,67 +2666,81 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- border-color: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ border-color: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #81C784;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-sortable-column {
- outline-color: #a7d8a9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1f2d40;
- color: #81C784; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784; }
+ outline-color: #a7d8a9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(129, 199, 132, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1f2d40;
+ color: #81C784;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #81C784;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #a7d8a9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #a7d8a9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #81C784; }
+ background: #81C784;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1f2d40;
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #304562;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1f2d40;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #304562; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #304562;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #304562; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #304562;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #304562;
@@ -2580,27 +3251,33 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #304562;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #304562; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #304562; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #304562;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #304562;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #81C784;
- color: #81C784; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #81C784;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #81C784;
+ color: #81C784;
+}
.p-tabview .p-tabview-panels {
background: #1f2d40;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2d40; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #304562; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #304562;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #304562; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #304562;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #81C784;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6abd6e;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2d40; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #304562; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #81C784;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #6abd6e;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #304562;
+}
.p-sidebar {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #304562;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #304562; }
+ border-right-color: #304562;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #304562; }
+ border-left-color: #304562;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #304562; }
+ border-top-color: #304562;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #304562; }
+ border-bottom-color: #304562;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1f2d40;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #6abd6e;
color: #212529;
- border-color: #6abd6e; }
+ border-color: #6abd6e;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #54b358;
color: #212529;
- border-color: #54b358; }
+ border-color: #54b358;
+}
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-megamenu .p-megamenu-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #304562;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menu.p-menu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menu.p-menu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #304562;
@@ -3293,31 +4167,39 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1f2d40;
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #304562;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1f2d40;
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #304562;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #304562;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #304562;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2d40;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2d40;
- border-color: #81C784;
- color: #81C784; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #81C784;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #81C784;
+ color: #81C784;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #304562;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3c567a; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #304562;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #3c567a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(129, 199, 132, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #304562;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1f2d40; }
+ border: 2px solid #1f2d40;
+}
.p-badge {
background: #81C784;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81C784; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81C784;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(129, 199, 132, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(129, 199, 132, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(129, 199, 132, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(129, 199, 132, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #81C784;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #81C784; }
+ background-color: #81C784;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #81C784; }
+ background-color: #81C784;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81C784; }
+ background: #81C784;
+}
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 82a8d283c..c36cc160b 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4b535e;
--surface-900: #515963;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2d40; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #304562;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #304562; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #304562;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #304562;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1f2d40;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #304562;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #304562;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #304562;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #304562;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFD54F;
- background: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #FFD54F;
+ background: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #ffc50c;
+ background: #ffc50c;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #304562; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFD54F; }
+ background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #FFD54F;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #ffc50c; }
+ background: #ffc50c;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1f2d40;
- border-color: #304562; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #304562;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-editor-container .p-editor-toolbar {
background: #1f2d40;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #17212f;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #17212f;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #FFD54F; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #FFD54F; }
+ color: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #FFD54F;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #FFD54F;
+}
.p-inputgroup-addon {
background: #1f2d40;
@@ -694,27 +856,33 @@
border-left: 1px solid #304562;
border-bottom: 1px solid #304562;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #304562; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #304562;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #304562;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFD54F; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ffcd2e; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #FFD54F;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #ffcd2e;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #FFD54F; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #FFD54F;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #304562; }
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #304562;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #304562; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFD54F; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFD54F;
- background: #FFD54F; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #FFD54F;
+ background: #FFD54F;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #ffc50c;
+ background: #ffc50c;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #FFD54F; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffc50c; }
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #FFD54F;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #ffc50c;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #FFD54F; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #FFD54F;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #FFD54F; }
+ color: #FFD54F;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #304562;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #304562;
- border: 2px solid #FFD54F;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-slider .p-slider-range {
- background: #FFD54F; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFD54F;
- border-color: #FFD54F; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #304562;
+ border: 2px solid #FFD54F;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-slider .p-slider-range {
+ background: #FFD54F;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #FFD54F; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #FFD54F;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #212529;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e; }
- .p-button:enabled:active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #FFD54F;
- background-color: #212529; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.p-button:enabled:active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 213, 79, 0.04);
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 213, 79, 0.16);
+ color: #FFD54F;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(255, 213, 79, 0.04);
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(255, 213, 79, 0.16);
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #FFD54F;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #FFD54F;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.1rem #ffe284;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #FFD54F;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.1rem #ffe284;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #FFD54F;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #304562;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3c567a; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #304562;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #3c567a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1f2d40;
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #FFD54F; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #FFD54F; }
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #FFD54F;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #FFD54F;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #ffe284;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #ffe284; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16); }
+ outline-color: #ffe284;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #FFD54F; }
+ background: #FFD54F;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #304562;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-column-filter-overlay {
background: #1f2d40;
@@ -1904,30 +2393,37 @@
border: 1px solid #304562;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1f2d40;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #304562; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #304562;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1f2d40;
border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #212529; }
+ border-color: #212529;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #ffcd2e;
border: 1px solid #ffcd2e;
- color: #212529; }
+ color: #212529;
+}
.fc .fc-view-harness .fc-divider {
background: #1f2d40;
border: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #304562; }
+ border: 1px solid #304562;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #212529;
background: #FFD54F;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1f2d40;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #ffcd2e;
+ border-color: #ffcd2e;
+ color: #212529;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(207, 157, 0, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(207, 157, 0, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.6); }
+ background: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-paginator {
background: #1f2d40;
@@ -2121,67 +2666,81 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- border-color: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ border-color: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #FFD54F;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-sortable-column {
- outline-color: #ffe284; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1f2d40;
- color: #FFD54F; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F; }
+ outline-color: #ffe284;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 213, 79, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1f2d40;
+ color: #FFD54F;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #FFD54F;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #ffe284; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #ffe284;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #FFD54F; }
+ background: #FFD54F;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1f2d40;
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #304562;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1f2d40;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #304562; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #304562;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #304562; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #304562;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #304562;
@@ -2580,27 +3251,33 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #304562;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #304562; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #304562; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #304562;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #304562;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #FFD54F;
- color: #FFD54F; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #FFD54F;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #FFD54F;
+ color: #FFD54F;
+}
.p-tabview .p-tabview-panels {
background: #1f2d40;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2d40; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #304562; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #304562;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #304562; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #304562;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFD54F;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #ffcd2e;
- color: #212529; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2d40; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #304562; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #FFD54F;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #ffcd2e;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #304562;
+}
.p-sidebar {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #304562;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #304562; }
+ border-right-color: #304562;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #304562; }
+ border-left-color: #304562;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #304562; }
+ border-top-color: #304562;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #304562; }
+ border-bottom-color: #304562;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1f2d40;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #ffcd2e;
color: #212529;
- border-color: #ffcd2e; }
+ border-color: #ffcd2e;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #ffc50c;
color: #212529;
- border-color: #ffc50c; }
+ border-color: #ffc50c;
+}
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-megamenu .p-megamenu-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #304562;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menu.p-menu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menu.p-menu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #304562;
@@ -3293,31 +4167,39 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1f2d40;
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #304562;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1f2d40;
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #304562;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #304562;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #304562;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2d40;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2d40;
- border-color: #FFD54F;
- color: #FFD54F; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #FFD54F;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #FFD54F;
+ color: #FFD54F;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #ffe284;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #304562;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3c567a; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #304562;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #3c567a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(255, 213, 79, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #304562;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1f2d40; }
+ border: 2px solid #1f2d40;
+}
.p-badge {
background: #FFD54F;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFD54F; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFD54F;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(255, 213, 79, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 213, 79, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(255, 213, 79, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 213, 79, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #FFD54F;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #FFD54F; }
+ background-color: #FFD54F;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #FFD54F; }
+ background-color: #FFD54F;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFD54F; }
+ background: #FFD54F;
+}
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index d176279a6..dbc934f32 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -23,40 +23,50 @@
--surface-800: #4b535e;
--surface-900: #515963;
--content-padding:1rem;
- --inline-spacing:0.5rem; }
+ --inline-spacing:0.5rem;
+}
* {
- box-sizing: border-box; }
+ box-sizing: border-box;
+}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
- font-weight: normal; }
+ font-weight: normal;
+}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-disabled, .p-component:disabled {
- opacity: 0.4; }
+ opacity: 0.4;
+}
.p-error {
- color: #ef9a9a; }
+ color: #ef9a9a;
+}
.p-text-secondary {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.pi {
- font-size: 1rem; }
+ font-size: 1rem;
+}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- border-radius: 3px; }
- .p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
:root {
--blue-50:#f4fafe;
@@ -158,534 +168,686 @@
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
- --purple-900:#3e1046; }
+ --purple-900:#3e1046;
+}
.p-autocomplete .p-autocomplete-loader {
- right: 0.5rem; }
+ right: 0.5rem;
+}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem; }
+ right: 2.857rem;
+}
.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.25rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-autocomplete-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
+ 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 {
+ padding: 0.5rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
.p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-datepicker {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2d40; }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #304562;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem; }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0; }
- .p-datepicker table th {
- padding: 0.5rem; }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem; }
- .p-datepicker table td {
- padding: 0.5rem; }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent; }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #304562; }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto; }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #304562;
- padding: 0.5rem; }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker .p-timepicker button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: .2em; }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem; }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem; }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none; }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0; }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-right: 1px solid #304562;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0; }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- border-right: 0 none; }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #1f2d40;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ margin: 0;
+ border-bottom: 1px solid #304562;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+ line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.5rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 50%;
+ transition: box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 1rem 0;
+ border-top: 1px solid #304562;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #304562;
+ padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-right: 1px solid #304562;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+ border-right: 0 none;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-datepicker-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
- padding: 0; } }
+ padding: 0;
+ }
+}
.p-cascadeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem; }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.5rem 0.5rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-cascadeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem; }
+ 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-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0.5rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
.p-input-filled .p-cascadeselect {
- background: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-checkbox {
width: 20px;
- height: 20px; }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px; }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #BA68C8;
- background: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff; }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a; }
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #BA68C8;
+ background: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #a241b2;
+ background: #a241b2;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #ef9a9a;
+}
.p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #304562; }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #BA68C8; }
+ background-color: #304562;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #BA68C8;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #a241b2; }
+ background: #a241b2;
+}
.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem; }
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem; }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0; }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0; }
+ padding: 0.25rem 0.5rem;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.25rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0;
+ margin: 0;
+}
.p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-colorpicker-preview {
width: 2rem;
- height: 2rem; }
+ height: 2rem;
+}
.p-colorpicker-panel {
background: #1f2d40;
- border-color: #304562; }
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff; }
+ border-color: #304562;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
.p-colorpicker-overlay-panel {
- 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 {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem; }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none; }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none; }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem; }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.5rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: rgba(255, 255, 255, 0.6);
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-dropdown-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem; }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.5rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0.5rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-dropdown {
- background: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-editor-container .p-editor-toolbar {
background: #1f2d40;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- border-radius: 3px;
- padding: 0.5rem 0; }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem; }
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ border-radius: 3px;
+ padding: 0.5rem 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.5rem 1rem;
+}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #304562; }
- .p-editor-container .p-editor-content .ql-editor {
- background: #17212f;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #304562;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #17212f;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87); }
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: rgba(255, 255, 255, 0.87);
+}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #BA68C8; }
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #BA68C8; }
+ color: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+ stroke: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+ fill: #BA68C8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+ color: #BA68C8;
+}
.p-inputgroup-addon {
background: #1f2d40;
@@ -694,27 +856,33 @@
border-left: 1px solid #304562;
border-bottom: 1px solid #304562;
padding: 0.5rem 0.5rem;
- min-width: 2.357rem; }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #304562; }
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #304562;
+}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
- margin: 0; }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none; }
- .p-inputgroup > .p-component:focus,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
- .p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1; }
- .p-inputgroup > .p-component:focus ~ label,
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1; }
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
@@ -722,11 +890,13 @@
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
@@ -734,51 +904,66 @@
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-fluid .p-inputgroup .p-button {
- width: auto; }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem; }
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
.p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-inputswitch {
width: 3rem;
- height: 1.75rem; }
- .p-inputswitch .p-inputswitch-slider {
- background: #304562;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px; }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.25rem); }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03); }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #BA68C8; }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87); }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b052c0; }
- .p-inputswitch.p-invalid {
- border-color: #ef9a9a; }
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.6);
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #BA68C8;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b052c0;
+}
+.p-inputswitch.p-invalid {
+ border-color: #ef9a9a;
+}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -789,239 +974,302 @@
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
- border-radius: 3px; }
- .p-inputtext:enabled:hover {
- border-color: #BA68C8; }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a; }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #BA68C8;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.4375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 0.625rem;
+}
.p-float-label > label {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s; }
+ transition-duration: 0.2s;
+}
.p-input-icon-left > i:first-of-type {
left: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-left > .p-inputtext {
- padding-left: 2rem; }
+ padding-left: 2rem;
+}
.p-input-icon-left.p-float-label > label {
- left: 2rem; }
+ left: 2rem;
+}
.p-input-icon-right > i:last-of-type {
right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-icon-right > .p-inputtext {
- padding-right: 2rem; }
+ padding-right: 2rem;
+}
::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
:-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6); }
+ color: rgba(255, 255, 255, 0.6);
+}
.p-input-filled .p-inputtext {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #304562; }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #304562; }
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #304562;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #304562;
+}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem; }
+ padding: 0.4375rem 0.4375rem;
+}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
- padding: 0.625rem 0.625rem; }
+ padding: 0.625rem 0.625rem;
+}
.p-listbox {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem; }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0; }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-listbox.p-invalid {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.5rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+ padding: 0.5rem 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-listbox .p-listbox-list .p-listbox-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-invalid {
+ border-color: #ef9a9a;
+}
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem; }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-multiselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600; }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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 {
+ padding: 0.5rem 1rem;
+ border-bottom: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0.5rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-multiselect {
- background: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-password-panel {
padding: 1rem;
@@ -1029,230 +1277,297 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- border-radius: 3px; }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #304562; }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1; }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082; }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5; }
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #304562;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #F48FB1;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFE082;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #C5E1A5;
+}
.p-radiobutton {
width: 20px;
- height: 20px; }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #304562;
- background: #17212f;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #BA68C8; }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff; }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #BA68C8;
- background: #BA68C8; }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff; }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a; }
- .p-radiobutton:focus {
- outline: 0 none; }
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 2px solid #304562;
+ background: #17212f;
+ width: 20px;
+ height: 20px;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+ border-color: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #BA68C8;
+ background: #BA68C8;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #a241b2;
+ background: #a241b2;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #ef9a9a;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
.p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #BA68C8; }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #a241b2; }
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #BA68C8;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #a241b2;
+}
.p-rating .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem; }
- .p-rating .p-rating-icon.p-rating-cancel {
- color: #F48FB1; }
- .p-rating .p-rating-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-rating .p-rating-icon:first-child {
- margin-left: 0; }
- .p-rating .p-rating-icon.pi-star {
- color: #BA68C8; }
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-icon.p-rating-cancel {
+ color: #F48FB1;
+}
+.p-rating .p-rating-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-rating .p-rating-icon:first-child {
+ margin-left: 0;
+}
+.p-rating .p-rating-icon.pi-star {
+ color: #BA68C8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
- color: #BA68C8; }
+ color: #BA68C8;
+}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
- color: #F48FB1; }
+ color: #F48FB1;
+}
.p-selectbutton .p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-selectbutton .p-button .p-button-icon-left,
- .p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-selectbutton .p-button.p-highlight {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
.p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ border-color: #ef9a9a;
+}
.p-slider {
background: #304562;
border: 0 none;
- border-radius: 3px; }
- .p-slider.p-slider-horizontal {
- height: 0.286rem; }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem; }
- .p-slider.p-slider-vertical {
- width: 0.286rem; }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem; }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #304562;
- border: 2px solid #BA68C8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-slider .p-slider-handle:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-slider .p-slider-range {
- background: #BA68C8; }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #BA68C8;
- border-color: #BA68C8; }
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #304562;
+ border: 2px solid #BA68C8;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-slider .p-slider-range {
+ background: #BA68C8;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #BA68C8;
+ border-color: #BA68C8;
+}
.p-treeselect {
background: #17212f;
border: 1px solid #304562;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #BA68C8; }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8; }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6); }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px; }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a; }
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #BA68C8;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.5rem 0.5rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.25rem 0.5rem;
+ margin-right: 0.5rem;
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.6);
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #ef9a9a;
+}
.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem; }
+ padding: 0.25rem 0.5rem;
+}
.p-treeselect-panel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none; }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent; }
+ 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-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+ border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+ padding: 0.5rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+}
.p-input-filled .p-treeselect {
- background: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #304562; }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #304562; }
+ background: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #304562;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #304562;
+}
.p-togglebutton.p-button {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .p-togglebutton.p-button .p-button-icon-left,
- .p-togglebutton.p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6); }
- .p-togglebutton.p-button.p-highlight {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff; }
- .p-togglebutton.p-button.p-invalid > .p-button {
- border-color: #ef9a9a; }
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #ef9a9a;
+}
.p-button {
color: #ffffff;
@@ -1261,364 +1576,465 @@
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px; }
- .p-button:enabled:hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0; }
- .p-button:enabled:active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2; }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined:enabled:active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border: 1px solid; }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-outlined.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text {
- background-color: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text:enabled:active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6); }
- .p-button.p-button-text.p-button-plain:enabled:active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6); }
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem; }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem; }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem; }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem; }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #BA68C8;
- background-color: #ffffff; }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
- .p-button.p-button-rounded {
- border-radius: 2rem; }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0; }
- .p-button.p-button-icon-only .p-button-icon-left,
- .p-button.p-button-icon-only .p-button-icon-right {
- margin: 0; }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem; }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem; }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem; }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem; }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem; }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem; }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-button:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.p-button:enabled:active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(186, 104, 200, 0.04);
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(186, 104, 200, 0.16);
+ color: #BA68C8;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+ border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(186, 104, 200, 0.04);
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(186, 104, 200, 0.16);
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: rgba(255, 255, 255, 0.16);
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #BA68C8;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.5rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.4375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
.p-fluid .p-button {
- width: 100%; }
+ width: 100%;
+}
.p-fluid .p-button-icon-only {
- width: 2.357rem; }
+ width: 2.357rem;
+}
.p-fluid .p-buttonset {
- display: flex; }
- .p-fluid .p-buttonset .p-button {
- flex: 1; }
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
- border: 1px solid #78909C; }
- .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f; }
- .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a1b1ba; }
- .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f; }
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid; }
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent; }
- .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C; }
- .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C; }
+ border: 1px solid #78909C;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #69838f;
+ color: #ffffff;
+ border-color: #69838f;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a1b1ba;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #5d747f;
+ color: #ffffff;
+ border-color: #5d747f;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ color: #78909C;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #78909C;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(120, 144, 156, 0.04);
+ border-color: transparent;
+ color: #78909C;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(120, 144, 156, 0.16);
+ border-color: transparent;
+ color: #78909C;
+}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
- border: 1px solid #81D4FA; }
- .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9; }
- .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #a7e1fc; }
- .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7; }
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid; }
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent; }
- .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA; }
- .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA; }
+ border: 1px solid #81D4FA;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #5dc8f9;
+ color: #121212;
+ border-color: #5dc8f9;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #a7e1fc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #38bbf7;
+ color: #121212;
+ border-color: #38bbf7;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ border-color: transparent;
+ color: #81D4FA;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ border-color: transparent;
+ color: #81D4FA;
+}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
- border: 1px solid #C5E1A5; }
- .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788; }
- .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #d6eac0; }
- .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b; }
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid; }
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent; }
- .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5; }
- .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5; }
+ border: 1px solid #C5E1A5;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #b2d788;
+ color: #121212;
+ border-color: #b2d788;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #d6eac0;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #9fce6b;
+ color: #121212;
+ border-color: #9fce6b;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ border-color: transparent;
+ color: #C5E1A5;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ border-color: transparent;
+ color: #C5E1A5;
+}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
- border: 1px solid #FFE082; }
- .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c; }
- .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ffe9a8; }
- .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35; }
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid; }
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent; }
- .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082; }
- .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082; }
+ border: 1px solid #FFE082;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd65c;
+ color: #121212;
+ border-color: #ffd65c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffcd35;
+ color: #121212;
+ border-color: #ffcd35;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ border-color: transparent;
+ color: #FFE082;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ border-color: transparent;
+ color: #FFE082;
+}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
- border: 1px solid #CE93D8; }
- .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce; }
- .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #ddb3e4; }
- .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5; }
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid; }
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent; }
- .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8; }
- .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8; }
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #c278ce;
+ color: #121212;
+ border-color: #c278ce;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #ddb3e4;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #b65ec5;
+ color: #121212;
+ border-color: #b65ec5;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
- border: 1px solid #F48FB1; }
- .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98; }
- .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
- box-shadow: 0 0 0 1px #f7b1c8; }
- .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980; }
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid; }
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent; }
- .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1; }
- .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1; }
+ border: 1px solid #F48FB1;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #f16c98;
+ color: #121212;
+ border-color: #f16c98;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #f7b1c8;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #ed4980;
+ color: #121212;
+ border-color: #ed4980;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ border-color: transparent;
+ color: #F48FB1;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ border-color: transparent;
+ color: #F48FB1;
+}
.p-button.p-button-link {
color: #BA68C8;
background: transparent;
- border: transparent; }
- .p-button.p-button-link:enabled:hover {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
- .p-button.p-button-link:enabled:hover .p-button-label {
- text-decoration: underline; }
- .p-button.p-button-link:enabled:focus {
- background: transparent;
- box-shadow: 0 0 0 0.1rem #cf95d9;
- border-color: transparent; }
- .p-button.p-button-link:enabled:active {
- background: transparent;
- color: #BA68C8;
- border-color: transparent; }
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.1rem #cf95d9;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #BA68C8;
+ border-color: transparent;
+}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
@@ -1629,54 +2045,66 @@
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin: 0.5rem; }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-carousel .p-carousel-content .p-carousel-prev:focus,
- .p-carousel .p-carousel-content .p-carousel-next:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-carousel .p-carousel-indicators {
- padding: 1rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #304562;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3c567a; }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #304562;
+ width: 2rem;
+ height: 0.5rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+ background: #3c567a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-datatable .p-datatable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -1685,7 +2113,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -1693,10 +2122,12 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
@@ -1704,146 +2135,194 @@
line-height: 1.143rem;
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-sortable-column.p-highlight {
background: #1f2d40;
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #BA68C8; }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #BA68C8; }
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: #BA68C8;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #BA68C8;
+}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #cf95d9;
- outline: 0 none; }
+ outline: 0 none;
+}
.p-datatable .p-datatable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #cf95d9; }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem; }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600; }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16); }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16); }
+ outline-color: #cf95d9;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 600;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16);
+}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable .p-column-resizer-helper {
- background: #BA68C8; }
+ background: #BA68C8;
+}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-datatable .p-datatable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 1px 1px 1px; }
+ border-width: 1px 1px 1px 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
- background: rgba(255, 255, 255, 0.01); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(255, 255, 255, 0.01);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-dataview .p-dataview-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-dataview .p-dataview-content {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 0 none;
- padding: 0; }
+ padding: 0;
+}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #304562;
- border-width: 0 0 1px 0; }
+ border-width: 0 0 1px 0;
+}
.p-dataview .p-dataview-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -1852,11 +2331,13 @@
padding: 1rem 1rem;
font-weight: 600;
border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-bottom-right-radius: 3px;
+}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+}
.p-column-filter-menu-button {
width: 2rem;
@@ -1865,21 +2346,26 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-column-filter-menu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-column-filter-clear-button {
width: 2rem;
@@ -1888,15 +2374,18 @@
border: 0 none;
background: transparent;
border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-clear-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-column-filter-overlay {
background: #1f2d40;
@@ -1904,30 +2393,37 @@
border: 1px solid #304562;
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);
- min-width: 12.5rem; }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0.5rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.5rem 1rem;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.5rem 1rem;
@@ -1936,49 +2432,64 @@
background: #1f2d40;
margin: 0;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1rem;
- border-bottom: 1px solid #304562; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem; }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none; }
+ border-bottom: 1px solid #304562;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem; }
+ padding: 1rem;
+}
.fc .fc-view-harness th {
background: #1f2d40;
border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.fc .fc-view-harness td {
background: #1f2d40;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-top-width: 0;
- border-left-width: 0; }
+ border-left-width: 0;
+}
.fc .fc-view-harness .fc-daygrid-event-dot {
- border-color: #ffffff; }
+ border-color: #ffffff;
+}
.fc .fc-view-harness .fc-row {
border-right: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-event, .fc .fc-view-harness .fc-event-main {
background: #b052c0;
border: 1px solid #b052c0;
- color: #ffffff; }
+ color: #ffffff;
+}
.fc .fc-view-harness .fc-divider {
background: #1f2d40;
border: 1px solid #304562;
- display: none !important; }
+ display: none !important;
+}
.fc .fc-view-harness .fc-scrollgrid {
- border: 1px solid #304562; }
+ border: 1px solid #304562;
+}
.fc .fc-view-harness .fc-scrollgrid-section-header > *,
.fc .fc-view-harness .fc-scrollgrid-section-footer > * {
- border-bottom-width: 0; }
+ border-bottom-width: 0;
+}
.fc .fc-toolbar .fc-button {
color: #ffffff;
background: #BA68C8;
@@ -1987,70 +2498,89 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
display: flex;
- align-items: center; }
- .fc .fc-toolbar .fc-button:enabled:hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0; }
- .fc .fc-toolbar .fc-button:enabled:active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2; }
- .fc .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: ""; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: 'PrimeIcons' !important;
- text-indent: 0;
- font-size: 1rem; }
- .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: ""; }
- .fc .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: #1f2d40;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff; }
- .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- z-index: 1; }
+ align-items: center;
+}
+.fc .fc-toolbar .fc-button:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.fc .fc-toolbar .fc-button:enabled:active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+.fc .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "";
+}
+.fc .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #BA68C8;
+ border-color: #BA68C8;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #b052c0;
+ border-color: #b052c0;
+ color: #ffffff;
+}
+.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ z-index: 1;
+}
.fc .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0; }
- .fc .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .fc .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-radius: 0;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.p-orderlist .p-orderlist-controls {
- padding: 1rem; }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
.p-orderlist .p-orderlist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2059,61 +2589,76 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(117, 47, 129, 0.16); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: rgba(117, 47, 129, 0.16);
+}
.p-organizationchart .p-organizationchart-line-down {
- background: rgba(255, 255, 255, 0.6); }
+ background: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #304562;
- border-color: rgba(255, 255, 255, 0.6); }
+ border-color: rgba(255, 255, 255, 0.6);
+}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- padding: 1rem; }
+ padding: 1rem;
+}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
- border-radius: 50%; }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-paginator {
background: #1f2d40;
@@ -2121,67 +2666,81 @@
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
- border-radius: 3px; }
- .p-paginator .p-paginator-first,
- .p-paginator .p-paginator-prev,
- .p-paginator .p-paginator-next,
- .p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .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-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- height: 2.286em; }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0; }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem; }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- border-color: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87); }
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.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-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.286em;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.6);
+ min-width: 2.286em;
+ height: 2.286em;
+ margin: 0.143rem;
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ border-color: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: transparent;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-picklist .p-picklist-buttons {
- padding: 1rem; }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem; }
+ padding: 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
.p-picklist .p-picklist-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -2190,136 +2749,171 @@
font-weight: 600;
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-left-radius: 3px;
+}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s; }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-picklist .p-picklist-list .p-picklist-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16); }
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.5rem 1rem;
+ margin: 0;
+ border: 0 none;
+ color: rgba(255, 255, 255, 0.87);
+ background: transparent;
+ transition: transform 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+}
.p-timeline .p-timeline-event-marker {
border: 2px solid #BA68C8;
border-radius: 50%;
width: 1rem;
height: 1rem;
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-timeline .p-timeline-event-connector {
- background-color: #304562; }
+ background-color: #304562;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem; }
+ padding: 0 1rem;
+}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px; }
+ width: 2px;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px; }
+ height: 2px;
+}
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
padding: 1rem;
- border-radius: 3px; }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem; }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem; }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
- border-radius: 0; }
+ border-radius: 0;
+}
.p-treetable .p-treetable-header {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-footer {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
- font-weight: 600; }
+ font-weight: 600;
+}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
@@ -2328,7 +2922,8 @@
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
background: #1f2d40;
- transition: box-shadow 0.2s; }
+ transition: box-shadow 0.2s;
+}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
@@ -2336,114 +2931,154 @@
border-width: 0 0 1px 0;
font-weight: 600;
color: rgba(255, 255, 255, 0.87);
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-sortable-column {
- outline-color: #cf95d9; }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem; }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1f2d40;
- color: #BA68C8; }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8; }
+ outline-color: #cf95d9;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(186, 104, 200, 0.16);
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #1f2d40;
+ color: #BA68C8;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #BA68C8;
+}
.p-treetable .p-treetable-tbody > tr {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
- outline-color: #cf95d9; }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem; }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87); }
+ outline-color: #cf95d9;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #304562;
+ border-width: 0 0 1px 0;
+ padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-treetable .p-column-resizer-helper {
- background: #BA68C8; }
+ background: #BA68C8;
+}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
- background: #1f2d40; }
+ background: #1f2d40;
+}
.p-treetable .p-treetable-loading-icon {
- font-size: 2rem; }
+ font-size: 2rem;
+}
.p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px; }
+ border-width: 1px 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px; }
+ border-width: 0 1px 0 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px; }
+ border-width: 0 1px 1px 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px; }
+ border-width: 1px;
+}
.p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem; }
+ padding: 0.875rem 0.875rem;
+}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem; }
+ padding: 0.5rem 0.5rem;
+}
.p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem; }
+ padding: 1.25rem 1.25rem;
+}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
@@ -2452,27 +3087,33 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem; }
+ transition: box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #1f2d40;
border-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
+ border-bottom-left-radius: 0;
+}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #304562;
background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-accordion .p-accordion-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2482,97 +3123,127 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-accordion .p-accordion-tab {
- margin-bottom: 0; }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0; }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none; }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
+ border-radius: 0;
+}
+.p-accordion .p-accordion-tab .p-accordion-content {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-top: 0 none;
+}
+.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-card {
background: #1f2d40;
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);
- border-radius: 3px; }
- .p-card .p-card-body {
- padding: 1rem; }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem; }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-card .p-card-content {
- padding: 1rem 0; }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0; }
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
.p-fieldset {
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px; }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #304562;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-radius: 3px; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
- .p-fieldset .p-fieldset-content {
- padding: 1rem; }
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 1rem;
+ border: 1px solid #304562;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: rgba(255, 255, 255, 0.03);
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+ padding: 1rem;
+}
.p-divider .p-divider-content {
- background-color: #1f2d40; }
+ background-color: #1f2d40;
+}
.p-divider.p-divider-horizontal {
margin: 1rem 0;
- padding: 0 1rem; }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #304562; }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem; }
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #304562;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
.p-divider.p-divider-vertical {
margin: 0 1rem;
- padding: 1rem 0; }
- .p-divider.p-divider-vertical:before {
- border-left: 1px #304562; }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0; }
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #304562;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
.p-panel .p-panel-header {
border: 1px solid #304562;
@@ -2580,27 +3251,33 @@
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600; }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-panel .p-panel-header .p-panel-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 600;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem; }
+ padding: 0.5rem 1rem;
+}
.p-panel .p-panel-content {
padding: 1rem;
border: 1px solid #304562;
@@ -2608,248 +3285,309 @@
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-panel .p-panel-footer {
padding: 0.5rem 1rem;
border: 1px solid #304562;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
- border-top: 0 none; }
+ border-top: 0 none;
+}
.p-scrollpanel .p-scrollpanel-bar {
background: #304562;
- border: 0 none; }
+ border: 0 none;
+}
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
border-radius: 3px;
- color: rgba(255, 255, 255, 0.87); }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03); }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #304562; }
- .p-splitter .p-splitter-gutter-resizing {
- background: #304562; }
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #304562;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #304562;
+}
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabview .p-tabview-nav li {
- margin-right: 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2d40;
- border-color: #BA68C8;
- color: #BA68C8; }
+ border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #BA68C8;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #1f2d40;
+ border-color: #BA68C8;
+ color: #BA68C8;
+}
.p-tabview .p-tabview-panels {
background: #1f2d40;
padding: 1rem;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-toolbar {
background: #1f2d40;
border: 1px solid #304562;
padding: 1rem;
- border-radius: 3px; }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem; }
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
.p-confirm-popup {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem; }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem; }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0; }
- .p-confirm-popup:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2d40; }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #304562; }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem; }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem; }
+ 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-confirm-popup .p-confirm-popup-content {
+ padding: 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 1rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #304562;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
.p-dialog {
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);
- border: 1px solid #304562; }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0; }
- .p-dialog .p-dialog-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem; }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem; }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem; }
+ border: 1px solid #304562;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 1.5rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 600;
+ font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 0 none;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ padding: 0 1.5rem 1.5rem 1.5rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
.p-dialog-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4); }
+ background-color: rgba(0, 0, 0, 0.4);
+}
.p-overlaypanel {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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); }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem; }
- .p-overlaypanel .p-overlaypanel-close {
- background: #BA68C8;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem; }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #b052c0;
- color: #ffffff; }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(31, 45, 64, 0);
- border-bottom-color: #1f2d40; }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(48, 69, 98, 0);
- border-bottom-color: #304562; }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2d40; }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #304562; }
+ 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 {
+ padding: 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #BA68C8;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #b052c0;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(31, 45, 64, 0);
+ border-bottom-color: #1f2d40;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(48, 69, 98, 0);
+ border-bottom-color: #304562;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #1f2d40;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #304562;
+}
.p-sidebar {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
- .p-sidebar .p-sidebar-header {
- padding: 1rem; }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03); }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0; }
- .p-sidebar .p-sidebar-content {
- padding: 1rem; }
+ box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: rgba(255, 255, 255, 0.87);
+ border-color: transparent;
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 1rem;
+}
.p-sidebar-mask.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-tooltip .p-tooltip-text {
background: #304562;
color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0.5rem;
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);
- border-radius: 3px; }
+ border-radius: 3px;
+}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #304562; }
+ border-right-color: #304562;
+}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #304562; }
+ border-left-color: #304562;
+}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #304562; }
+ border-top-color: #304562;
+}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #304562; }
+ border-bottom-color: #304562;
+}
.p-fileupload .p-fileupload-buttonbar {
background: #1f2d40;
@@ -2858,59 +3596,76 @@
color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none;
border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem; }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ border-top-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
padding: 2rem 1rem;
border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-left-radius: 3px;
+}
.p-fileupload .p-progressbar {
- height: 0.25rem; }
+ height: 0.25rem;
+}
.p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem; }
+ padding: 1rem 1rem;
+}
.p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0; }
+ margin-top: 0;
+}
.p-fileupload-choose:not(.p-disabled):hover {
background: #b052c0;
color: #ffffff;
- border-color: #b052c0; }
+ border-color: #b052c0;
+}
.p-fileupload-choose:not(.p-disabled):active {
background: #a241b2;
color: #ffffff;
- border-color: #a241b2; }
+ border-color: #a241b2;
+}
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
- padding: 1rem; }
- .p-breadcrumb ul li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px; }
- .p-breadcrumb ul li .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-breadcrumb ul li.p-breadcrumb-chevron {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6); }
+ padding: 1rem;
+}
+.p-breadcrumb ul li .p-menuitem-link {
+ transition: box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb ul li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb ul li.p-breadcrumb-chevron {
+ margin: 0 0.5rem 0 0.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb ul li:last-child .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
.p-contextmenu {
padding: 0.25rem 0;
@@ -2918,146 +3673,193 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-contextmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-contextmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-contextmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-megamenu {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-megamenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-megamenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-megamenu .p-megamenu-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- 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-megamenu .p-megamenu-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-megamenu .p-megamenu-submenu {
- padding: 0.25rem 0;
- width: 12.5rem; }
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.25rem 0; }
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-megamenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-megamenu .p-megamenu-panel {
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid #304562;
+ 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-megamenu .p-megamenu-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-megamenu-submenu {
+ padding: 0.25rem 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-megamenu-submenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0.25rem 0;
+}
.p-menu {
padding: 0.25rem 0;
@@ -3065,227 +3867,299 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-menu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menu.p-menu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0; }
- .p-menu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
+ width: 12.5rem;
+}
+.p-menu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menu.p-menu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ background: #1f2d40;
+ font-weight: 600;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+.p-menu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
.p-menubar {
padding: 0.5rem;
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- border-radius: 3px; }
- .p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
+ border-radius: 3px;
+}
+.p-menubar .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 3px;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-left: 0.5rem;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+ background: #17212f;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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);
+ width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+ font-size: 0.875rem;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- background: #17212f; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-submenu-list {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
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);
- width: 12.5rem; }
- .p-menubar .p-submenu-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
-
-@media screen and (max-width: 960px) {
- .p-menubar {
- position: relative; }
- .p-menubar .p-menubar-button {
- display: flex;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-menubar .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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);
- width: 100%; }
- .p-menubar .p-menubar-root-list .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-menubar .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s; }
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none; }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg); }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg); }
- .p-menubar .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static; }
- .p-menubar .p-menubar-root-list ul li a {
- padding-left: 2.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li a {
- padding-left: 3.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
- padding-left: 5.25rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
- padding-left: 6.75rem; }
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
- padding-left: 8.25rem; }
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1; } }
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list ul li a {
+ padding-left: 2.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li a {
+ padding-left: 3.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ padding-left: 5.25rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ padding-left: 6.75rem;
+ }
+ .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ padding-left: 8.25rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
.p-panelmenu .p-panelmenu-header > a {
padding: 1rem;
border: 1px solid #304562;
@@ -3293,31 +4167,39 @@
background: #1f2d40;
font-weight: 600;
border-radius: 3px;
- transition: box-shadow 0.2s; }
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-header > a:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ transition: box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header > a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-header.p-highlight {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
- background: #1f2d40;
- border-color: #304562;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0; }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- border-color: #304562;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight > a {
+ background: #1f2d40;
+ border-color: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
+ border-color: #304562;
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #304562;
@@ -3328,126 +4210,160 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
- margin-right: 0.5rem; }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
- padding: 0 0 0 1rem; }
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+ padding: 0 0 0 1rem;
+}
.p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
- border-top: 0 none; }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
+ border-radius: 0;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
+ border-top: 0 none;
+}
+.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
- background: transparent; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%; }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6); }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 600;
- color: rgba(255, 255, 255, 0.87); }
+ color: rgba(255, 255, 255, 0.87);
+}
.p-steps .p-steps-item:before {
- content: ' ';
+ content: " ";
border-top: 1px solid #304562;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
- margin-top: -1rem; }
+ margin-top: -1rem;
+}
.p-tabmenu .p-tabmenu-nav {
background: transparent;
border: 1px solid #304562;
- border-width: 0 0 2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #304562;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #304562 transparent;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2d40;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87); }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2d40;
- border-color: #BA68C8;
- color: #BA68C8; }
+ border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: solid #304562;
+ border-width: 0 0 2px 0;
+ border-color: transparent transparent #304562 transparent;
+ background: #1f2d40;
+ color: rgba(255, 255, 255, 0.6);
+ padding: 1rem;
+ font-weight: 600;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: box-shadow 0.2s;
+ margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #BA68C8;
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #1f2d40;
+ border-color: #BA68C8;
+ color: #BA68C8;
+}
.p-tieredmenu {
padding: 0.25rem 0;
@@ -3455,214 +4371,280 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
- width: 12.5rem; }
- .p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none; }
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem; }
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9; }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1f2d40;
- border: 1px solid #304562;
- 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f; }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87); }
- .p-tieredmenu .p-menu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0; }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem; }
+ width: 12.5rem;
+}
+.p-tieredmenu .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 0;
+ transition: box-shadow 0.2s;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #cf95d9;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-submenu-list {
+ padding: 0.25rem 0;
+ background: #1f2d40;
+ border: 1px solid #304562;
+ 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-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+ background: #17212f;
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menu-separator {
+ border-top: 1px solid #304562;
+ margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
.p-inline-message {
padding: 0.5rem 0.5rem;
margin: 0;
- border-radius: 3px; }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868; }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868; }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23; }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23; }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100; }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100; }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c; }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c; }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem; }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem; }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0; }
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 1px;
+ color: #044868;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #044868;
+}
+.p-inline-message.p-inline-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 1px;
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #224a23;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 1px;
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #6d5100;
+}
+.p-inline-message.p-inline-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 1px;
+ color: #73000c;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #73000c;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
.p-message {
margin: 1rem 0;
- border-radius: 3px; }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem; }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-message .p-message-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-message.p-message-info .p-message-icon {
- color: #044868; }
- .p-message.p-message-info .p-message-close {
- color: #044868; }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-message.p-message-success .p-message-icon {
- color: #224a23; }
- .p-message.p-message-success .p-message-close {
- color: #224a23; }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100; }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100; }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-message.p-message-error .p-message-icon {
- color: #73000c; }
- .p-message.p-message-error .p-message-close {
- color: #73000c; }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500; }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem; }
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem 1.5rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-message.p-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #044868;
+}
+.p-message.p-message-info .p-message-close {
+ color: #044868;
+}
+.p-message.p-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #224a23;
+}
+.p-message.p-message-success .p-message-close {
+ color: #224a23;
+}
+.p-message.p-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #6d5100;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #6d5100;
+}
+.p-message.p-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #73000c;
+}
+.p-message.p-message-error .p-message-close {
+ color: #73000c;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: 500;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
.p-toast {
- opacity: 0.9; }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px; }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700; }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0; }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.3); }
- .p-toast .p-toast-message .p-toast-icon-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868; }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23; }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100; }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c; }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c; }
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: none;
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #B3E5FC;
+ border: solid #0891cf;
+ border-width: 0 0 0 6px;
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #044868;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #C8E6C9;
+ border: solid #439446;
+ border-width: 0 0 0 6px;
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #224a23;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #FFECB3;
+ border: solid #d9a300;
+ border-width: 0 0 0 6px;
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #6d5100;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #FFCDD2;
+ border: solid #e60017;
+ border-width: 0 0 0 6px;
+ color: #73000c;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #73000c;
+}
.p-galleria .p-galleria-close {
margin: 0.5rem;
@@ -3671,12 +4653,15 @@
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
@@ -3684,85 +4669,110 @@
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 3px;
- margin: 0 0.5rem; }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem; }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
- padding: 1rem; }
+ padding: 1rem;
+}
.p-galleria .p-galleria-indicators {
- padding: 1rem; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #304562;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3c567a; }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #304562;
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #3c567a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6); }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87); }
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: rgba(186, 104, 200, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa; }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #f8f9fa;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #f8f9fa;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-galleria-mask.p-component-overlay {
- background-color: rgba(0, 0, 0, 0.9); }
+ background-color: rgba(0, 0, 0, 0.9);
+}
.p-avatar {
background-color: #304562;
- border-radius: 3px; }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem; }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem; }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem; }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem; }
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
.p-avatar-group .p-avatar {
- border: 2px solid #1f2d40; }
+ border: 2px solid #1f2d40;
+}
.p-badge {
background: #BA68C8;
@@ -3771,105 +4781,132 @@
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
- line-height: 1.5rem; }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff; }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem; }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem; }
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
.p-blockui.p-component-overlay {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4);
+}
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
- padding: 0 0.5rem; }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem; }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem; }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem; }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ padding: 0 0.5rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2rem;
+ height: 2rem;
+ margin-left: -0.5rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem;
border-radius: 3px;
- 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 {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87); }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9; }
+ 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 {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #304562;
- border-radius: 3px; }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #BA68C8; }
- .p-progressbar .p-progressbar-label {
- color: rgba(255, 255, 255, 0.87);
- line-height: 1.5rem; }
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #BA68C8;
+}
+.p-progressbar .p-progressbar-label {
+ color: rgba(255, 255, 255, 0.87);
+ line-height: 1.5rem;
+}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
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);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; }
- .p-scrolltop.p-link {
- background: rgba(186, 104, 200, 0.16); }
- .p-scrolltop.p-link:hover {
- background: rgba(186, 104, 200, 0.3616); }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87); }
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(186, 104, 200, 0.16);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(186, 104, 200, 0.3616);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-skeleton {
background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px; }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); }
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
.p-tag {
background: #BA68C8;
@@ -3877,37 +4914,48 @@
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
- border-radius: 3px; }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212; }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212; }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212; }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212; }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem; }
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-tag.p-tag-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-tag.p-tag-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
- padding: 1rem; }
- .p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
+ padding: 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #BA68C8; }
+ background-color: #BA68C8;
+}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #BA68C8; }
+ background-color: #BA68C8;
+}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #BA68C8; }
+ background: #BA68C8;
+}
diff --git a/src/components/paginator/JumpToPageDropdown.vue b/src/components/paginator/JumpToPageDropdown.vue
new file mode 100644
index 000000000..e2204174c
--- /dev/null
+++ b/src/components/paginator/JumpToPageDropdown.vue
@@ -0,0 +1,35 @@
+
+